vue3 实现监听store里state状态变化
import { watch } from "vue";
watch(
() => store.state.currentDevice,
(newVal, oldVal) => {
// to do
reload();
}
);
需要注意：不能直接监听对象的属性值，需要写成getter函数。
总结：watch 的第一个参数可以是不同形式的数据源，它可以是一个ref（包括计算属性），一个响应式对象，一个getter函数，或多个数据源组成的数组。
不能直接监听响应式对象的属性：
const obj = reactive({ count: 0 })
// 错误，因为 watch() 得到的参数是一个 number
watch(obj.count, (count) => {
console.log(`count is: ${count}`)
})
这里需要写成返回对象属性的getter的函数文章来源：https://www.toymoban.com/news/detail-580365.html
watch(
()=>obj.count,
(count)=>{
// todo
console.log(`count is: ${count}`)
}
)
参考文档：vue3-侦听器文章来源地址https://www.toymoban.com/news/detail-580365.html
到了这里，关于vue3 实现监听store里state状态变化的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
