1.生命週期
每個 Vue 實例在被創建時都要經過一系列的初始化過程 :創建實例,裝載模板,渲染模板等等。Vue爲生命週期中的每個狀態都設置了鉤子函數(監聽函數)。每當Vue實例處於不同的生命週期時,對應的函數就會被觸發調用。
生命週期:
2.鉤子函數
- beforeCreated:我們在用Vue時都要進行實例化,因此,該函數就是在Vue實例化時調用,也可以將他理解爲初始化函數比較方便一點,在Vue1.0時,這個函數的名字就是init。
- created:在創建實例之後進行調用。
- beforeMount:頁面加載完成,沒有渲染。如:此時頁面還是{{name}}
- mounted:我們可以將他理解爲原生js中的window.οnlοad=function({.,.}),或許大家也在用jquery,所以也可以理解爲jquery中的$(document).ready(function(){….}),他的功能就是:在dom文檔渲染完畢之後將要執行的函數,該函數在Vue1.0版本中名字爲compiled。
- beforeDestroy:該函數將在銷燬實例前進行調用 。
- destroyed:改函數將在銷燬實例時進行調用。
- beforeUpdate:組件更新之前。
- updated:組件更新之後。