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; // 立即监听 (一进入页面就会监听到)
   }
 )

 

Logo

前往低代码交流专区

更多推荐