关于Vue渲染函数¥jsx(作者私人仓库)

161 阅读1分钟

一、API

二、

1、基础

向组件中传递不带 v-slot 指令的子节点时,比如 anchored-heading 中的 Hello world!,这些子节点被存储在组件实例中的 $slots.default 中。如果你还不了解,在深入渲染函数之前推荐阅读实例 property API。

2、节点、树以及虚拟DOM

(1)虚拟DOM

(2)createElement

(3)深入数据对象

三、完整示例 (1)

(2)约束

四、使用js代替模板功能

(1)v-if和v-for

(2)v-model

(3)事件、按键修饰符

(5)插槽

五、JSX

将h作为createElemetn的别名是Vue生态系统中的一个通用惯例,实际上也是jsx所要求的。

六、函数式组件

(1)

<+template functional> <+/template>'

在作为包装组件时它们也同样非常有用,比如,当你需要做这些的时候:

(2)向子元素或子组件传递attribute和事件

(3)slots()和children对比

七、模板编译