1. 程式人生 > >Vue生命周期,計算屬性、方法、偵聽器

Vue生命周期,計算屬性、方法、偵聽器

綁定 troy for dom 獲取數據 初始 created 請求 一次

vue實例和組件都有生命周期函數,beforeCreate()實例或組件沒有被創建的時候執行的鉤子函數;created()是實例或組件被創建完成的時候執行的鉤子函

數;beforeMount()函數是在實例或組件對應虛擬dom觸發的鉤子函數,此時頁面沒有內容,mounted編譯好的HTML掛載的到頁面完成後執行的事件鉤子,

此時鉤子函數會做一些ajax請求獲取數據進行數據初始化,mounted在整個實例中只執行一次,beforeUpdate()更新之前的鉤子,實時監控數據變化跟新

dom,updated()更新之後的鉤子函數執行;beforeDstroy()銷毀之前執行的鉤子函數;destroy()實例銷毀完成執行的函數。

計算屬性唯一的好處可以使用緩存,當其他數據變化時候,它監聽的數據沒變化是返回原始的數據,一旦監聽的數據發生改變,隨之這個屬性也會執行一

次,watch、computed、methods都是實例和組件的屬性,屬性中包含相應的方法,methods在沒有事件的時候方法綁定可以使用小括號來代表執行。

Vue生命周期,計算屬性、方法、偵聽器