//生命周期函数就是vue实例再某一个时间点会自动执行的函数
var vm=new Vue({
el:"#app",
//1、beforeCreate
//创建一个vue实例的时候 初始化事件和生命周期相关的内容结束的时候
//数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
beforeCreate:function(){
},
//2、created
//数据观测 (data observer),property 和方法的运算,watch/event 事件回调
//处理完外部注入,双向绑定的时候,挂载阶段还没开始,$el property 目前尚不可用。
created:function(){
},
//3、beforeMount 该钩子在服务器端渲染期间不被调用。
//初始化结束,实例中是否有el,如果有el,查找实例中是否有template
//如果实例中没有template则把el的内容当作模板
//如果实例中有template,按模板渲染页面
//模板和数据相结合 挂载到页面之前的时候执行beforeMount
beforeMount:function(){
},
//4、模板和数据相结合 挂载到页面之后 mounted 该钩子在服务器端渲染期间不被调用。
//注意 mounted 不会保证所有的子组件也都一起被挂载。
//如果你希望等到整个视图都渲染完毕,可以在 mounted 内部使用 vm.$nextTick:
mounted:function(){
},
//5、当vm.$destroy()被调用的时候执行
beforeDestroy:function(){
vm.beforeDestroy();
},
//6、销毁之后执行
destroyed:function(){
},
//7、当数据发生改变时,页面重新渲染之前执行
//该钩子在服务器端渲染期间不被调用,因为只有初次渲染会在服务端进行。
beforeUpdate:function(){
},
//8、当数据发生改变时,页面渲染之后执行
//注意 updated 不会保证所有的子组件也都一起被重绘。
//如果你希望等到整个视图都重绘完毕,可以在 updated 里使用 vm.$nextTick
//应该避免在此期间更改状态。如果要相应状态改变,
//通常最好使用计算属性或 watcher 取而代之。
updated:function(){
},
//9、被keep-alive缓存的组件激活时调用
activated:function(){
},
//10、被keep-alive缓存的组件停用时调用
deactivated:function(){
},
//11、当捕获一个来自子孙组件的错误时被调用。
//此钩子会收到三个参数:错误对象、发生错误的组件实例以及一个包含错误来源信息的字符串。
//此钩子可以返回 false 以阻止该错误继续向上传播。
errorCaptured:function(){
}
})
vue---生命周期钩子
最新推荐文章于 2022-11-20 21:26:21 发布