Vue 'renderTriggered' 生命週期鉤子
示例
使用 renderTriggered 生命週期鉤子在每次觸發渲染時顯示一個警報。
export default {
data() {
return {
counter: 0
}
},
renderTriggered(evt) {
console.log("renderTriggered: ",evt)
alert("renderTriggered");
}
}
定義和用法
當被追蹤的響應式元件發生更改並因此觸發新渲染時，會執行 renderTriggered 生命週期鉤子，以便螢幕能夠使用最新更改進行更新。
renderTriggered 鉤子用於除錯，並且僅在開發模式下可用。
響應式元件 是可以更改的元件。
渲染函式是 Vue 編譯的函式，它跟蹤響應式元件。當響應式元件發生更改時，會觸發渲染函式並重新渲染應用程式到螢幕。
相關頁面
Vue 教程：Vue 生命週期鉤子
Vue 教程：'renderTriggered' 鉤子
Vue 教程：'renderTracked' 鉤子
Vue 參考：Vue 'renderTracked' 生命週期鉤子
