2函数化组件

Vue提供了一个functional 的布尔值选项设置为true可以使组件无状态和无实例（React里的纯函数组件）没有data和this上下文这样用render函数返回虚拟节点可以更容易渲染，因为函数化组件只是一个函数，渲染开销小得多

使用函数化组件时，Render函数提供了第二个参数context来提供临时上下文。组件需要的data props slots children parent 都是通过这个上下文来传递的，比如 this.level要改写为 context.props.level this.$slots.default 要改为 context.chilren

例如，用函数化组件展示一个根据数据智能选择不同组件的场景：