Vue组件的生命周期包括创建、挂载、更新和销毁四个阶段，每个阶段有特定的方法，如beforeCreate、created、beforeMount、mounted等。在不同阶段，可以进行数据绑定、异步请求或DOM操作。当使用keep-alive时，会有额外的activited和deactivited钩子。
组件从创建到销毁的过程就是他的生命周期
创建
beforeCreate
在这个阶段和方法都不能使用
created
这里实例创建完成之后 在这里完了数据监测 可以使用数据 修改数据 不会触发updated 也不会更新视图
挂载
beforeMount
完了摸板的编译 虚拟DOM也完成了创建 即将渲染 修改数据 不会触发updated
Mount
吧编译好的摸板挂载到页面 这里可以发送异步请求也可以访问DOM节点
更新
beforeUpdate
组件数据更新之前使用 数据是新的 页面上的数据是旧的 组件即将更新 准备渲染 可以改数据
update
render重新做了渲染 这时数据和页面都是新的 避免在此更新数据
销毁
beforeDestroy
实例销毁前 在这里实例还可以用 可以清除定时器等等
Destroy
组件已经被销毁了 全部都销毁
使用了keep-alive时多出两个周期
activited
组件激活时
deactivited
组件被销毁时
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
