菜鳥學院
VUE學習筆記-生命週期
時間 2021-01-04
完整週期說明:初始化-控件產生前beforeCreate-控制產生後created-編譯至內存(檢查)beforeMount-編譯至頁面mount(頁面創建事件結束)-beforeUpdate數據修改內存階段-updated數據修改從內在同步到頁面階段-beforeDestroy數據銷燬做準備-destroyed數據銷燬
beforeCreate前,數據未初始化
created控件已初始化,未產生至頁面
beforeMount數據被編譯至內存,未產生至頁面
mount數據被產生至頁面
beforeUpdate model的數據被更新,頁面數據未更新
updated 中model數據及頁面數據均同步更新
beforeDestroy及destroyed用來銷燬vue的實例(包含:數據,方法,指令,過濾器均會被銷燬)
在beforeCreate方法 中,不以調用data及methods中的方法及數據
在created方法中,可以調用data及methods中的方法及數據
在beforeMount方法中,頁面上無控件產生,可做編譯
在Mounted方法中,頁面上的控件已經產生
在beforeUpdate方法中,只修改model中的數據
在updateed方法中,model及頁面的數據均會更新