vue functional 性能优化

函数式组件:

没有管理任何状态状态、没有监听传递给给他的状态，实际上他只是接受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) {
  }
})