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