Vue 'renderTracked' 生命週期鉤子
示例
使用 renderTracked
生命週期鉤子在響應式元件初始化時建立警報。
export default {
data() {
return {
counter: 0
}
},
renderTracked(evt) {
console.log("renderTracked: ",evt);
alert("renderTracked");
}
}
執行示例 »
定義和用法
當渲染函式被設定為跟蹤或監視響應式元件時,renderTracked
鉤子會執行。
renderTracked
鉤子通常在響應式元件初始化時執行,因為那是 Vue 的自動響應式系統設定的時候。
響應式元件是會發生變化的元件。
渲染函式是 Vue 編譯的函式,它跟蹤響應式元件。當響應式元件發生更改時,會觸發渲染函式並重新渲染應用程式到螢幕。
renderTracked
鉤子用於除錯,並且僅在開發模式下可用。
相關頁面
Vue 教程:Vue 生命週期鉤子
Vue 教程:'renderTracked' 鉤子
Vue 教程:'renderTriggered' 鉤子
Vue 參考:Vue 'renderTriggered' 生命週期鉤子