生命週期

beforeCreate

• 任何資料與實體都還沒loading/屬性未載入前

created

• 動態載入資料(api)
• 載入data資料，但$el屬性未被建立
• 從外面拉資料AJAX寫入data

loading之前

______

loading結束

beforeMount

• 以載入ALL資料，還沒抓到el資料
• template翻譯或掛載至html之前

mounted（編譯完）

• 結合tweenmax/jquery/ajax操作網頁元素放這裡面
• update:一次性框架(初始化輪播新增)
• 以載入ALL資料，差別在已經是編譯完成的資料/已掛上dom,取得el資料
• 變成網頁資料=data

• template翻譯或掛載至html之後

• data會有變化兩個hook

  • beforeUpdate(某個data屬性變化，但網頁還沒渲染成功)
  • Update(資料與畫面同步)
  • 時間差異，但出現就一瞬間

destory

• 某個操錯組件要移除/手動移除，進入destory
• beforedestory(接收到要摧毀)
• destory(已移除)