Vue生命周期

下图展示了实例的生命周期。你不需要立马弄明白所有的东西,不过随着你的不断学习和使用,它的参考价值会越来越高。

创建Vue:let app = new Vue({...}); 初始化事件和生命周期

beforeCreate阶段,仅仅是实例化: 数据还没有绑定到实例中,因此msg是undefined。 此时可以做ajax请求和数据绑定

created阶段,数据和方法已经绑定在实例上,这个阶段可以拿到数据,但是还没有渲染到视图上

beforeMount阶段,挂载前:渲染视图之前 模板(HTML)里面的元素还没渲染,拿不到渲染的元素

mounted阶段,已挂载:渲染视图之后,可以从页面获取渲染的元素

beforeUpdate阶段:更新前: 数据变化的时候会触发Update系列 数据更改后,但是内容未更改的阶段

updated阶段:内容已随数据发生变化

beforeDestroy阶段:当组件(实例)不再被外部引用,如v-if=false,它会进入这个阶段

destroyed阶段:关闭监视器,事件监听器和子元素后,正式销毁了

Vue 实例生命周期

posted @ 2021-01-15 18:33  SvenWayne  阅读(63)  评论(0)    收藏  举报