第三章 Vue的设计思路
虚拟DOM节点
虚拟DOM就是JavaScript节点,存储各种节点内的数据。例如标签名tag,属性props,子节点children。
创造对应节点,然后判断事件函数进行绑定,对子节点进行判断,字节节点进行TextNode绑定,对数组子节点进行循环renderer函数编辑。
组件的本质时对虚拟DOM的一种封装,我们创建一个属于自己的tag类型,当使用tag时进行替换与函数调用取值。
其中mountComponent函数和renderer一样。只是对tag进行取值与传入mountElement函数。当然也可以是一个含有render函数的对象。只需要调用render函数进行取值。
编译器对v-bind 绑定的可能变化数据进行标注。避免让渲染器寻找变量的时间。