Vue 的生命周期

Posted web半晨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 的生命周期相关的知识,希望对你有一定的参考价值。

生命周期描述
beforeCreate(创建前)组件实例被创建之初,组件的属性生效之前。
created(创建后)组件实例已经完全创建,属性也绑定,但真实 DOM 还没有生成,$el 还不可用。
beforeMount(载入前)在挂载开始之前被调用,相关的 render 函数首次被调用。
mounted(载入后)el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。
beforeUpdate(更新前)组件数据更新之前调用,发生在虚拟 DOM 打补丁之前。
update(更新后)组件数据更新之后。
beforeDestory(销毁前)实例销毁前调用,实例仍然可用。
destoryed(销毁后)实例销毁之后调用,Vue 实例指示的所有东西都会解绑,所有事件监听器和所有子实例都会被移除。

示例图

以上是关于Vue 的生命周期的主要内容,如果未能解决你的问题,请参考以下文章

Vue 啥是生命周期

vue学习生命周期

Vue生命周期简述

Vue生命周期简述

vue生命周期是啥,有啥作用

vue中的生命周期的个人理解