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