Vue 生命周期

Vue 生命周期

beforeCreate 实例初始化,现在实例的各个组件还没有完全初始化,因此不能访问data、computed、watch、methods的方法和数据,同时实例的挂载点也没有进行初始化。

created 实例初始化完成,此时可以访问data、computed、watch、methods的方法和数据,但是依旧没有进行Vue实例的挂载点初始化

beforeMount 将实例绑定到模板并渲染,但并不会将实例挂载到页面上

mounted 将渲染好的模板绑定到页面上,此时Vue实例已完全创建好

beforeUpdate 数据变更时执行,在实例数据更改之前执行自定义逻辑或操作

updated 将Vue实例更新完成的数据重新渲染到内存中的虚拟Dom中

beforeDestroy Vue实例进行销毁阶段,此时实例上的data、methods、过滤器、指令等仍属于可用的状态,还没有真正的执行销毁的过程(解除与页面DOM元素的绑定)

destroyed 实例被销毁(解除Vue实例与页面DOM元素的绑定,但该Vue实例的对象、数据仍然可以使用)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值