Vue生命周期
下图展示了实例的生命周期。你不需要立马弄明白所有的东西,不过随着你的不断学习和使用,它的参考价值会越来越高。
创建Vue:let app = new Vue({...}); 初始化事件和生命周期
beforeCreate阶段,仅仅是实例化: 数据还没有绑定到实例中,因此msg是undefined。 此时可以做ajax请求和数据绑定
created阶段,数据和方法已经绑定在实例上,这个阶段可以拿到数据,但是还没有渲染到视图上
beforeMount阶段,挂载前:渲染视图之前 模板(HTML)里面的元素还没渲染,拿不到渲染的元素
mounted阶段,已挂载:渲染视图之后,可以从页面获取渲染的元素
beforeUpdate阶段:更新前: 数据变化的时候会触发Update系列 数据更改后,但是内容未更改的阶段
updated阶段:内容已随数据发生变化
beforeDestroy阶段:当组件(实例)不再被外部引用,如v-if=false,它会进入这个阶段
destroyed阶段:关闭监视器,事件监听器和子元素后,正式销毁了

这主要是笔记

浙公网安备 33010602011771号