vue1.0与2.0的区别

1.在绑定原生HTML时
1.0
{{{message}}}
2.0

2.在标签里的属性中
1.0

2.0

3.2.0
filters只能在{{message|filter}}里使用,弃用了在指令里使用过滤器的用法,要实现相同的效果,需要在计算属性上实现。

4.2.0
对于原生事件要加修饰符native

5.2.0
生命周期里删除了beforeCompile ,compiled,ready,新增了beforeMount,mounted,beforUpdate,updated。
for循环里,取消了原有的$index,

需要改为ES6语法形式自己获取
el属性绑定的元素,限制为一个普通元素,不能再绑定在body、html等元素上。
另一个特别喜欢的改变是,在自定义组件上绑定class后,对应的类名会传递到组件根元素上,如果存在同名的,则不会覆盖。这对设置组件样式非常有好处。
v-for 里的track-by被替换成了key,

v-model增加了.trim,.number等后缀修饰符
Custom events can also be used to create custom inputs that work with v-model. Remember:

is just syntactic sugar for:

原来的
改为了标签用法
,并且可以选择过渡时的动画模式。
同时过渡多个元素时,使用transition-group标签
transitiongroup
,appear是标识在初始化的时候执行。
另外,
Unlike , it renders an actual element: a by default. You can change the element that’s rendered with the tag attribute.
Elements inside are always required to have a unique key attribute
增加了directives属性自定义指令,也可以定义全局的指令:
// Register a global custom directive called v-focus Vue.directive('focus', { // When the bound element is inserted into the DOM... inserted: function (el) { // Focus the element el.focus() } })

你可能感兴趣的:(vue1.0与2.0的区别)