vue functional 性能优化
2021-02-02 本文已影响0人
zhudying
函数式组件:
没有管理任何状态状态、没有监听传递给给他的状态，实际上他只是接受prop的函数，这样的情况下，我们将组件标记为 functional，这就意味着他无状态（没有响应式数据），没有实例（this 上下文）。
通俗点说：
要啥啥没有，用啥啥不行，只能接受props的数据来展示，不能做任何动作。
为啥用呢 ？
一句话，渲染性能好
// 1. template写法
// props父组件传递的数据
<template functional>
<div>{{props.name}}</div>
</template>
// 2. jsx 写法
Vue.component('my-component', {
functional: true,
props: { // 可选
},
render: function (createElement, context) {
}
})
