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