vue的生命周期总结

    new Vue({
			el:".app",
			data(){
				return{}
			},
			methods:{},
			filters:{},//过滤器
			directives:{},//自定义指令
			components:{},//组件
			
			watch:{},//监听属性
			computed:{},//计算属性
			
			
			//beforeCreate生命周期函数执行时,data和methods中的数据和方法都还没有初始化
			beforeCreate(){},
			//在created中,data和methods都已经初始化好了,如果要操作data中的数据或是调用methods中的方法,最早只能在created中操作
			created(){},
			//beforeMount函数执行时,模板已经在内存中编译好了,但尚未挂载到页面中去,此时,页面还是旧的
			beforeMount(){},
			//mounted是在页面加载完成后执行的函数,如果要通过某些插件操作页面上的DOM节点,最早是在mounted中进行,
			//只要执行完了mounted,就表示整个Vue实例对象已经初始化完毕了,此时组件已经脱离创建阶段,进入运行阶段。
			mounted(){},
			//当执行beforeUpdate时,页面中显示的数据还是旧的,此时data中的数据是最新的,页面尚未和最新数据同步
			beforeUpdate(){},
			//updated执行时,页面和data数据已经保持同步,都是最新的
			updated(){},
			//当执行beforeDestroy钩子函数时,Vue实例就已经从运行阶段进入销毁阶段,此时,
			//组建中所有data、methods、以及过滤器,指令等,都处于可用状态,此时还未真正执行销毁过程
			beforeDestroy(){},
			//当执行destroyed函数时,组件已经被完全销毁,此时组建中所有data、methods、以及过滤器,指令等,都已经不可用了
			destroyed(){}
			
		})

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值