vue1.0和vue2.0生命周期----整理一

Posted 2020-12-31 chuanzhou

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

## 2. 生命周期
　　1.x:
　　　　created 实例已经创建
　　　　beforeCompile 在编译之前
　　　　compiled 编译之后
　　　　ready 实例已经插入到文档之中
　　　　beforeDetroy 在销毁之前
　　　　destroyed 销毁之后
　　2.x:
　　　　beforeCreate 刚刚创建这个实例 属性还没有绑定 this.msg 获取不到
　　　　created 创建完毕 属性已经绑定好了 this.msg可以获取到了
　　　　beforeMount 模版在渲染之前 {{ msg }}
　　　　mounted //ready 渲染之后 hello world
　　　　beforeUpdate //数据更新之前
　　　　updated //数据更新之后
　　　　beforeDestroy 实例化销毁之前
　　　　destroyed 实例化销毁之后

## 3. json
　　　　1.x json 如果想显示 那么就得使用过滤器 json
　　　　2.x 不用过滤器了 直接可以看

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

## 5. 循环
　　　　1.x 没有$index $key
　　　　1.x (index,value) in arr
　　　　2.x (value,index) in arr