Vue 3 | 函数式组件变形记

开门见山 

从上帝视角看一下发生了什么：

• 官方团队宣称，Vue 3 中函数式组件的性能提升微乎其微（与 Vue 2.x 相比），所以建议直接使用常规组件就好。

• 如果想创建一个函数式组件，写一个接收 props 和 context 的普通函数就可以了。

• 废弃：单文件组件（SFC）中 <template> 的 functional 属性被干掉了。

• 废弃：通过给 Render 函数传递 { functional: true } 以创建函数式组件的方式也被废弃了。

事情是这样的... 

在 Vue 2.x 的版本中，函数式组件主要有以下两个使用场景：

• 因为函数式组件的初始化和渲染都很快（快过常规组件），所以通常作为一种提升性能的角色出现

• 用来返回多