Vue2生命周期
每个组件都是独立的,都有属于它自己的生命周期,创建、挂载、更新、销毁就是生命周期
生命周期有8个分别是:
若组件被<keep-alive>
包含,则多出下面两个钩子函数。
Vue2
activated:
被包含中的组件,会多出来两个生命周期钩子函数。被激活时执行
deactivated:
比如从A组件,切换到B组件,A组件消失时执行。
Vue3
onActivated():
被包含中的组件,会多出来两个生命周期钩子函数。被激活时执行
onDeactivated():
比如从A组件,切换到B组件,A组件消失时执行。
beforeCreate:
创建前 ---- created:
创建后
beforeCreate(创建前): 在实例初始化之后,这个时候this还不能使用,data中的数据、methods的方法、以及watcher中的事件都不能获得
created(创建后): 实例已经创建完成之后被调用,这个时候可以操作vue中的数据和方法,但是不能对dom节点进行操作
beforeMount:
挂载前 — mounted:
挂载后
beforeMount(挂载前): 在挂载开始之