Vue筆記 生命週期和鉤子函式

在使用vue乙個多禮拜後，感覺現在還停留在初級階段，雖然知道怎麼和後端做資料互動，但是對於mounted這個掛載還不是很清楚的。放大之，對vue的生命週期不甚了解。只知道簡單的使用，而不知道為什麼，這對後面的踩坑是相當不利的。

因為我們有時候會在幾個鉤子函式裡做一些事情，什麼時候做，在哪個函式裡做，我們不清楚。

於是我開始先去搜尋，發現vue2.0的生命週期沒啥文章。大多是1.0的版本介紹。最後還是找到一篇不錯的（會放在最後）

咱們從上圖可以很明顯的看出現在vue2.0都包括了哪些生命週期的函式了。

對於執行順序和什麼時候執行，看上面兩個圖基本有個了解了。下面我們將結合**去看看鉤子函式的執行。

ps:下面**可以直接複製出去執行

title>
				
Vue筆記 生命週期和鉤子函式
在使用vue乙個多禮拜後，感覺現在還停留在初級階段，雖然知道怎麼和後端做資料互動，但是對於mounted這個掛載還不是很清楚的。放大之，對vue的生命週期不甚了解。只知道簡單的使用，而不知道為什麼，這對後面的踩坑是相當不利的。因為我們有時候會在幾個鉤子函式裡做一些事情，什麼時候做，在哪個函式裡做，我...
				
vue生命週期，鉤子函式
一 vue生命週期簡介 咱們從上圖可以很明顯的看出現在vue2.0都包括了哪些生命週期的函式了，總結一下，對官方文件的那張圖簡化一下，就得到了這張圖。二 生命週期 對於執行順序和什麼時候執行，看上面圖基本有個了解了。下面我們將結合 去看看鉤子函式的執行。鉤子函式 1.create 和 mounted...
				
vue 生命週期（鉤子函式）
new vue 例項物件，下一步進入beforcreate 狀態 當使用new vue 建立物件之前，執行的事件 這裡可以做載入動畫 下一步，進入created 然後，他會檢測是否有el屬性，如果有在檢測template屬性型別，是一段渲染的函式還是一段html 然後就進入了beforemount狀...