vue生命週期鉤子函式

元件或者例項從建立到銷毀的一系列過程叫做元件的生命週期。vue在整個生命週期裡面提供了一些函式，可以在內部實現一些業務邏輯， 並且這些函式會在一些特定的場合下去執行。（在生命週期的某乙個時刻進行觸發）

元件的生命週期鉤子函式大致可以分為三個階段：初始化、執行中、銷毀

也可以理解為建立、渲染、更新、銷毀

初始化階段： beforecreate  created    beforemount mounted

執行中階段： beforeupdate  updated

銷毀階段：   beforedestroy destroyed

beforecreate --建立前，

資料拿不到（undefined）、dom節點沒有渲染（null），

在此階段可以做的事情：lodding效果效果

created --建立後，（常用）

拿到資料（data methods等），dom節點沒有被渲染，

在此階段可以做的事情：解決loading，請求ajax資料為mounted渲染做準備

beforemount --渲染前

拿到資料（data methods等），dom節點還是虛擬的dom節點，

在此階段可以做的事情：。。。

mounted --渲染後 （常用）

資料和dom都已經渲染完成

在此階段可以做的事情：操作dom的工作基本都在這裡。這裡也可以發起ajax請求

beforeupdate --更新前

不會主動觸發，只會在data變化時觸發，這裡的dom元素的資料也是更新前的資料，但是實際記憶體中的資料已近改變了

在此階段可以做的事情：。。。

updated —更新後

（由於資料一更新就會觸發，觸發頻率高又要操作dom進行渲染，所以很少操作，即使操作也要保證方法的輕量級，有別的處理辦法盡量不要使用updated）

不會主動觸發，只會在data變化時觸發，這裡的dom元素裡的資料，就是更新後的資料，和實際記憶體裡的資料一致

在此階段可以做的事情：資料更新時，做一些處理（此處也可以用watch進行觀測）

beforedestroy —銷毀前

元件銷毀時觸發，

在此階段可以做的事情：清除一些事件繫結例如定時器

destroyed —銷毀後

元件銷毀時觸發，vue例項解除了事件監聽、雙向繫結 watch等操作，但dom節點依舊存在

在此階段可以做的事情：元件銷毀時進行提示

vue生命週期，鉤子函式

一 vue生命週期簡介 咱們從上圖可以很明顯的看出現在vue2.0都包括了哪些生命週期的函式了，總結一下，對官方文件的那張圖簡化一下，就得到了這張圖。二 生命週期 對於執行順序和什麼時候執行，看上面圖基本有個了解了。下面我們將結合 去看看鉤子函式的執行。鉤子函式 1.create 和 mounted...

vue 生命週期（鉤子函式）

new vue 例項物件，下一步進入beforcreate 狀態 當使用new vue 建立物件之前，執行的事件 這裡可以做載入動畫 下一步，進入created 然後，他會檢測是否有el屬性，如果有在檢測template屬性型別，是一段渲染的函式還是一段html 然後就進入了beforemount狀...

vue生命週期鉤子函式

什麼是生命週期？vue中的生命週期指的是 元件 從建立到銷毀乙個過程，在這個過程中，我們在每乙個特定的階段會觸發一些方法 這些方法具備一些功能 我們給這些方法起了個名字叫做 生命週期鉤子函式 元件鉤子 為什麼要學習生命週期？因為我們想在生命週期鉤子中實現專案功能，那麼我們必須知道每乙個鉤子函式的具體...