Vue1.x和2.x区别

1.作用域区别

• 1.x 随意的定义作用域
• 2.x 不允许body 或者html 元素

2.json

• 1.x json 如果想显示 那么就得使用过滤器 json
• 2.x 不用过滤器了 直接可以看
• 1.x 显示 {{msg | json}}
• 2.x 显示 {{ msg}} 便可直接显示对象

3.生命周期

1.x 

• created 实例已经创建
• beforeCompile 在编程之前
• compiled 编程之后
• ready 实例已经插入到文档之中
• beforeDetroy 在销毁之前
• destroyed 销毁之后

2.x

• beforeCreate 刚刚创建这个实例 属性还没有绑定
• created 创建完毕 属性已经绑定好了
• beforeMount 模版在渲染之前
• mounted //ready 渲染之后
• beforeUpdate //数据更新之前
• updated //数据更新之后
• beforeDestroy 实例化销毁之前
• destroyed 实例化销毁之后

3.循环区别

• 2.x不可以再根模板加循环属性    没有 $index $key 没有了 1.x (index , value) 索引 值 2.x (value , index) 值 索引

4.过滤器

• 2.x取消了所有的默认的过滤器 封装的方式没有区别
• 1.x 传参 uppercase "1" "2"
• 2.x uppercase('1','2')

 

转载于:https://www.cnblogs.com/yxkNotes/p/11527877.html