vue2 provide/inject watch 监控inject中值变化

在Vue 2.x中,使用inject注入的值默认情况下是不能被watch直接监控到的,因为inject提供的值不是响应式的。这是Vue 2.x的设计,与Vue 3.x中的provideinject不同,Vue 3.x中的inject提供的值是响应式的,可以直接被watch监控到。

如果你希望在Vue 2.x中监控inject中的值的变化

使用计算属性或引用类型的响应式数据:将inject提供的值保存在组件的响应式数据中,然后使用计算属性或watch来监控这个响应式数据的变化。例如:




示例二、

父组件:



inject使用的地方




注意事项:

vue2 provide/inject watch 监控inject中值变化_第1张图片

vue2 provide/inject watch 监控inject中值变化_第2张图片

你可能感兴趣的:(vue.js,javascript,前端)