Vue声明周期有4个阶段,每个阶段分别对应两个钩子函数
第一阶段:
创建 --beforeCreate、created
beforeCreate 表示创建之前,没有初始化数据,也没有真实dom,这个函数在vue中基本不用;
created 表示创建结束,有数据,但没有dom;可以修改数据,在这里修改数据不会触发运行中的更新的生命周期,也可以做网络请求;
第二阶段
挂载–beforeMount、mounted
beforeMount 表示挂载之前和created类似,有数据,可以修改数据,没有dom,也可以做网络请求;
mounted 表示挂载结束 ,有数据 ,有dom, 可以修改数据 ,也可以修改dom,能做初始化的操作
第三阶段
更新–beforeUpdate、updated
beforeUpdate 表示更新之前,在挂载之后数据更新的时候触发,挂载之前数据跟新不会触发,里面的数据是更新之后的数据,但 dom元素是更新之前的dom
updated 表示更新之后,数据与dom都更新完后触发,数据 是更新之后的, dom也是更新之后的,注意做数据的修改操作 可能引起死循环
第四阶段
销毁–beforeDestroy、destroyed
beforeDestroy 有数据 有dom,但没什么用
destroyed 有数据 ,但是没有用,没有dom
本文详细解析了Vue的四个生命周期阶段:创建、挂载、更新和销毁,涵盖了八个关键的钩子函数,包括beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed。介绍了每个阶段的特点及钩子函数的应用场景。
493

被折叠的 条评论
为什么被折叠?



