vue---生命周期钩子

//生命周期函数就是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(){
					
				}
			
				 
				 
				 
			})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值