重新仔细读了下文档,边看边写了一些。
1、v-once只渲染一次。
2、过滤器 第二参数()以函数传参的形式。过滤器可以串联。
全局过滤器和单个过滤器。

1
2
3
4
<!-- in mustaches -->
{{ message | capitalize }}
<!-- in v-bind -->
<div v-bind:id="rawId | formatId"></div>

1
{{ message | filterA | filterB }}
1
{{ message | filterA('arg1', arg2) }}

3、watch允许异步操作。computed做不到。
4、新增:v-else-if
5、v-if中,使用 key 控制元素的可重用
6、v-for (value,index),$index被废除。 item in items,item of items.

1
2
3
<div v-for="(value, key, index) in object">
{{ index }}. {{ key }} : {{ value }}
</div>

7、track-by=”$index”被废用,用key替代。(就地复用)
7.1、template中不能使用this不是。data.a=1,template,直接写a即可。
8、2.1.4新增
9、2.1.0 新增
可以用如下修饰符开启鼠标或键盘事件监听,使在按键按下时发生响应。

1
2
3
4
.ctrl
.alt
.shift
.meta

10、修饰符lazy,number,trim
11、组件中data 必须是函数

1
2
3
<table>
<my-row>...</my-row>
</table>

1
2
3
<table>
<tr is="my-row"></tr>
</table>

12、自定义事件,废除了events、$dispatch、$broadcast。
使用 $on(eventName) 监听事件
使用 $emit(eventName) 触发事件
13、给组件绑定原生事件-修饰符.native

1
<my-component v-on:click.native="doTheThing"></my-component>

使用自定义事件的表单输入组件
14、非父子组件通信。
15、slot分发内容。
16、动态组件,
参考:[译]Vue 动态组件
17、子组件索引ref

1
2
3
4
5
6
<div id="parent">
<user-profile ref="profile"></user-profile>
</div>
var parent = new Vue({ el: '#parent' })
// 访问子组件
var child = parent.$refs.profile

18、使用 v-once 的低级静态组件
19、列表过渡,tag,v-move
jQuery Event.stopImmediatePropagation() 函数详解

stopImmediatePropagation()函数用于阻止剩余的事件处理函数的执
行,并防止当前事件在DOM树上冒泡。

本文地址: https://lxchuan12.github.io/2017/02/12/20170212-The difference between vue1.0 and 2/