VUE學習筆記-生命週期

完整週期說明:初始化-控件產生前beforeCreate-控制產生後created-編譯至內存(檢查)beforeMount-編譯至頁面mount(頁面創建事件結束)-beforeUpdate數據修改內存階段-updated數據修改從內在同步到頁面階段-beforeDestroy數據銷燬做準備-destroyed數據銷燬

  1. beforeCreate前,數據未初始化

在這裏插入圖片描述

  • created控件已初始化,未產生至頁面

在這裏插入圖片描述

  • beforeMount數據被編譯至內存,未產生至頁面

在這裏插入圖片描述

  • mount數據被產生至頁面

在這裏插入圖片描述

  • beforeUpdate model的數據被更新,頁面數據未更新
    在這裏插入圖片描述
  • updated 中model數據及頁面數據均同步更新
    在這裏插入圖片描述
  • beforeDestroy及destroyed用來銷燬vue的實例(包含:數據,方法,指令,過濾器均會被銷燬)
    在這裏插入圖片描述

在beforeCreate方法 中,不以調用data及methods中的方法及數據

在created方法中,可以調用data及methods中的方法及數據

在beforeMount方法中,頁面上無控件產生,可做編譯

在Mounted方法中,頁面上的控件已經產生

在beforeUpdate方法中,只修改model中的數據

在updateed方法中,model及頁面的數據均會更新