Vue原理——之v-if、v-show

首先还是来看平时的使用方式：

 

 然后开始写自己的Vue类：

 

 用两个Map对象储存v-if、v-show和事件处理，dom为key，属性值为value

1，添加数据劫持，前两篇已经说过了不再赘诉

2，初始化dom：

v-if、v-show

 

event：

 最后递归处理一下

事件处理的函数的绑定，需要注意的是this指向，当前是k的dom，将当前实例this bind回去

 

有了点击事件之后，开始处理视图：

首先初始化，根据data的初始值处理视图的显示与隐藏，v-if的解释：删除dom，但还得还原，所以创建一个注释占位，dom和这个注释的来回替换

map可以用for of遍历

 

再经过点击后改变data的值，再改变视图

 

 

如果是关于showPool里的show