vue的生命周期

一、定义:从vue实例创建到虚拟dom产生再到数据绑定数据监听数据渲染以及销毁的整个过程。
二、八个生命周期函数

  1. beforeCreate
    在初始化的时候调用了beforeCreate,完成了vue实例的生命周期相关属性的初始化以及事件的
    初始化。这个时候还不能直接访问data中的属性及method中的方法。
  2. created
    在初始化完毕以后,完成了vue的数据注入及数据监听操作,该构造的执行意味着vue实例创建
    完毕,可以进行数据的访问操作
  3. beforeMount
    在created之后,vue会判断实例中是否含有el属性,如果没有会调用vm.$mount(el) ,接着会判
    断是否含有template属性,如果有将其解析为一个render function ,如果没有将el指定的
    外部html进行解析。这里只是完成了模板的解析但是数据并没有绑定到模板中。
  4. mounted
    创建vm.$el替换el,实际上这里完成的是数据绑定操作,在期间执行了render函数,将模板进
    行了解析,将数据进行了动态绑定。
  5. beforeUpdate
    更新虚拟dom节点。
  6. updated
    完成了页面的重新渲染。
  7. beforeDestroy
    销毁之前调用,此时还是可以访问vue实例的
  8. destroyed
    完成了监听器,子组件,事件监听等移除,销毁vue实例对象
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值