参考文章:https://www.cnblogs.com/thinheader/p/9462125.html
new Vue()
初始化全局配置 属性的初始化
beforeCreate
数据代理 数据绑定 事件绑定 watch/computed属性的绑定
created
编译模板 生成render函数
beforeMount
将数据写到视图中 el挂在到dom下
如果有keep-alive, 生成el的时候,会触发activated函数
mounted(这个时候,dom已经渲染完成)
数据更新的时候
例如
this.msg = '222'
会依次执行 。。。
数据还在 什么也没有发生
beforeUpdate
数据还在 什么也没有发生
deactivated
数据没有啦
updated
父子组件函数的执行顺序
加载渲染过程 父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted
销毁过程 父beforeDestory->子beforeDestory->子destoryed->父destoryed
子组件更新过程 父beforeUpdate->子beforeUpdate->子updated>父updated