vue 生命周期及应用

 vue生命周期包括

beforeCreate() :  实例初始化:此时数据监测和事件监听还没有配置完成。也就是说此时是不能访问到实例的data中数据和method中定义的函数

created():          创建实例后:可以访问到实例的data和method 可以调用

beforeMount(): 挂载实例前 :将template编译成render函数

mounted():        挂载实例后:实例挂载dom上。此时可以获取到dom元素。如果页面初始化动态数据。可以将ajax请求写在mounted函数里

beforeUpdate():实例模板更新前:生成新的虚拟dom

updated():          实例模板更新后:dom已更新。依赖新dom的事件此时可以调用

beforeDestory():实例销毁前:可以用this获取到当前实例

destoryed:          实例销毁后:this获取不到实例。完全销毁

 

posted @ 2018-06-30 14:26  AINIJJ  阅读(170)  评论(0编辑  收藏  举报