vue-生命週期鉤子

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:組件更新之後。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章