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