03. vue的生命周期
于2022-10-10 16:00:46发布
98
没有子组件的执行顺序
beforeCreate // 创建实例之前 （模板中的data和methods的方法都不能访问）
created // 实例已被创建 （模板中的data和methods方法能访问，但是不能操作dom，因为这个阶段还未生成真实的dom）
beforeMount // 挂载dom节点到真实dom之前，该阶段也是无法操作真实的dom
mounted // 已把dom节点到真实dom，dom已经真实的生产，可以被操作
除了上面4个，还有另外4个需要用户触发某些行为才会触发的，分别是
beforeUpdate // 修改数据之前（数据被修改了，但是dom节点的数据还未被修改）
updated // 数据已被修改（数据和dom节点的数据都被修改了）
beforeDestroy // 对象销毁之前 （对象还未被销毁）
destroyed // 对象已被销毁 （对象被销毁）
tips : 上面说的实例指的是vue对象，挂载dom节点到真实dom指的是把data中的变量和真实的dom联系起来，对象销毁指的是vue对象
有子组件的执行顺序
父组件
beforeCreate
created
beforeMount
子组件
beforeCreate
created
beforeMount
mounted
父组件
mounted