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' 生命周期钩子
