vue3.0 中watch 监听器
1: Watch 里边监听器用法:报错信息提示:toRefs() expects a reactive object but received a plain one (期望得到一个响应式对象, 而不是一个原生对象)。2: Watch: 监听器接受三个参数第一: 监听数据源, 可以是一个ref 或者是一个函数;第二: 回调函数, (value, oldvalue)=> {};第三: 第三个参
·
1: Watch 里边监听器用法:
报错信息提示: toRefs() expects a reactive object but received a plain one (期望得到一个响应式对象, 而不是一个原生对象)。
2: Watch: 监听器接受三个参数
第一: 监听数据源, 可以是一个ref 或者是一个函数;
第二: 回调函数, (value, oldvalue)=> {};
第三: 第三个参数: 接受一个对象 { deep: true;(深度监听) immediate: true(立即监听; 页面一开始加载的时候监听)}
const state = reactive ({
money: 100,
car: {
brand: '宝马'
}
})
watch: // 监听器
接受三个参数:
1:参数1: 监听数据源, 可以是一个ref 或者是一个函数。
2:参数2: 回调函数 (value, oldvalue)=> {}
3: 参数3: 额外参数
如果watch 监听的是响应式数据据对象, 要写成箭头函数形式
watch(
()=> state.money,
(value, oldvalue)=> {
console.log('money变化了', Value, oldValue)
},
{
// 里边第三个参数
deep: true; // 深度监听
immediate: true; // 立即监听 (一进入页面就会监听到)
}
)
更多推荐
已为社区贡献13条内容
所有评论(0)