vue2.x生命周期

- beforeCreate ; //创建前状态,el和data并未初始化
- created ; //创建完毕状态,完成了data数据的初始化,el没有
- beforeMount ; //挂载前状态,完成了el和data初始化
- mounted; //挂载后状态,完成挂载
- beforeUpdate ; //更新前状态
- updated ; //更新完成状态
- beforeDestroy ; //销毁前状态
- destroyed ; //销毁完成状态
1.在beforeCreate和created钩子函数之间的生命周期,在这个生命周期之间,进行初始化事件,进行数据的观测,可以看到在created的时候数据已经和data属性进行绑定。
2.created钩子函数和beforeMount间的生命周期,综合排名优先级:render函数选项 > template选项 > outer HTML。
区别
- created:html加载完成之前,执行。执行顺序:父组件-子组件
- mounted:html加载完成后执行。执行顺序:子组件-父组件
- methods:事件方法执行
- watch:是去监听一个值的变化,然后执行相对应的函数。
- computed:是计算属性,有缓存功能,是依赖其它的属性计算所得出最后的值