參考文章:https://www.cnblogs.com/thinheader/p/9462125.html
new Vue()
初始化全局配置 屬性的初始化
beforeCreate
數(shù)據(jù)代理 數(shù)據(jù)綁定 事件綁定 watch/computed屬性的綁定
created
編譯模板 生成render函數(shù)
beforeMount
將數(shù)據(jù)寫到視圖中 el掛在到dom下
如果有keep-alive, 生成el的時候,會觸發(fā)activated函數(shù)
mounted(這個時候条辟,dom已經(jīng)渲染完成)
數(shù)據(jù)更新的時候
例如
this.msg = '222'
會依次執(zhí)行 柔逼。。渣玲。
數(shù)據(jù)還在 什么也沒有發(fā)生
beforeUpdate
數(shù)據(jù)還在 什么也沒有發(fā)生
deactivated
數(shù)據(jù)沒有啦
updated
父子組件函數(shù)的執(zhí)行順序
加載渲染過程 父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted
銷毀過程 父beforeDestory->子beforeDestory->子destoryed->父destoryed
子組件更新過程 父beforeUpdate->子beforeUpdate->子updated>父updated