diff算法

v-once  指令，只渲染元素和组件一次，以后不会随M变化，

<!-- 阻止单击事件继续传播 -->
<a v-on:click.stop="doThis"></a>

 

<!-- 提交事件不再重载页面 -->
<form v-on:submit.prevent="onSubmit"></form>

 

<!-- 修饰符可以串联 -->
<a v-on:click.stop.prevent="doThat"></a>

<!-- 添加事件监听器时使用事件捕获模式 -->
<!-- 即元素自身触发的事件先在此处处理，然后才交由内部元素进行处理 -->
<div v-on:click.capture="doThis">...</div>

<!-- 只当在 event.target 是当前元素自身时触发处理函数 -->
<!-- 即事件不是从内部元素触发的 -->
<div v-on:click.self="doThat">...</div>

• event.target返回触发事件的元素

• event.currentTarget返回绑定事件的元素

.什么是立即执行函数（IIFE）

要注意两点，一是函数体后面要有小括号()，二是函数体必须是函数表达式而不能是函数声明。先看下图：

从图中可以看出，除了使用()运算符之外，！，+，-，=等运算符都能起到立即执行的作用。这些运算符的作用就是将匿名函数或函数声明转换为函数表达式，如下图所示，函数体是函数声明的形式，使用运算符将其转换为函数表达式之后就可达到立即执行效果：

通过定义一个匿名函数，创建了一个新的函数作用域，相当于创建了一个“私有”的命名空间，该命名空间的变量和方法，不会破坏污染全局的命名空间。此时若是想访问全局对象，将全局对象以参数形式传进去即可，如jQuery代码结构:

 

 patchVnode 的方法的主要思想，在比较子节点的时候，oldVnode有个开始和结束节点，然后Vnode也有个开始和结束节点，在比较的时候，上下两个节点进行比较，如果有相同的就不动，如果不相同就oldVnode加上Vnode的节点。