Vue函数式组件-你值得拥有

函数式组件特点：

我们将这样的组件标记为functional：

函数式组件的优点：

渲染开销低，因为函数式组件只是函数；

函数式组件基本写法：

 {
 functional: true,
 // Props 是可选的
 props: {
 // ...
 },
 // 为了弥补缺少的实例
 // 提供第二个参数作为上下文
 render: function (createElement, context) {
 // ...
 }
}

下面在通过代码给大家详细介绍vue函数式组件，具体代码如下所示；

{
 functional: true,
 // Props 是可选的
 props: {
 // ...
 },
 // 为了弥补缺少的实例
 // 提供第二个参数作为上下文
 render: function (createElement, context) {
 // ...
 }
}

组件需要的一切都是通过 context 参数传递，它是一个包含如下字段的对象：

总结