vue生命周期

1. beforeCreate (创建前)
在vue实例完全被创建出来之前(意思就是说vue实例还没有被完全创建出来)被调用,
此时数据还没有被初始化,所以无法访问数据
2. created (创建后)
在vue实例创建完成后被调用,这个过程已完成了数据的初始化,可以被访问得到,也
能获得methods方法;这个过程可以修改数据,这也是渲染之前修改数据的机会。
3. beforeMount (载入前)
这个过程是在模版已经在内存中编译完成,挂载之前被调用,render函数也是首次被调
用,此时完成了虚拟Dom的构建,但并未被渲染,这也是最后一次修改数据的机会。
4. mounted (载入后)
表示内存中的模板已经渲染到页面中去,这个时候数据已经可以经过Vue的编译,该函
数是实例创建的最后- - 个函数,此时实例已经完全创建好了,如果没有别的操作的话,此函
数就静静躺在内存中,如果要使用某些插件操作页面上的DOM,最早要在mounted中操作。
5. beforeUpdate (修改前)
这个过程是在重新渲染之前(更新前)调用,这个过程页面中显示的数据并没有更新,但
是内存中的数据已经改变,也就是说此时页面尚未和最新的数据保持同步。
6. updated (修改后)
这个过程在重新渲染之后(更新后调用)被调用,页面中的数据已经和内存中保持一-致
了,也就是说此时已经是最新的了。
7. beforeDestroy (销毁前)
这个过程是vue实例销毁之前被调用,在这个过程中我们可以做- -些事情,比如清除
计时器或事件等等。
8. destroyed (销毁后)
vue实例销毁后调用,并且vue实例中所有的东西都会解绑,所有的事件监听器都会被
移除,所有的子实例也会被销毁。
 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值