vue中生命周期函数总结

标题 vue中生命周期函数总结

1.beforeCreate在实例未完全创建成功触发

 beforeCreate(){//这是第一个生命周期函数
        同级的data和methods里面的内容是未定义状态
        }

2.created 实例完全解析完触发，此时data和methods都可以用

1. beforeMount这是第三个生命周期函数，模板在内存中编辑完了，还没挂载到dom中

4.mounted 模板挂载到dom之后触发

如果要通过插件操作页面dom节点，最早在mounted中运行，执行完毕mounted，就表示整个vue实例初始化完毕。此时，组件脱离创建阶段，进入运行阶段

组件运行生命周期函数：数据发生改变时触发 0到无穷次

beforeUpdate:当data数据发生改变的时候触发，界面还没被更新，data数据已经更新完毕

updated:改变的data数据从实例渲染到页面之后触发，这里就完成了，这里data和页面值改变同步

beforeDestroy：进入销毁阶段 此时data,methods等都处于可用状态，还没真正销毁

destroy：销毁，data,组件都销毁了