热门

最新

红包

立Flag

投票

同城

发布
caijilxy
别离三千净此生
4 年前
truecaijilxy

四.监视reactive所定义的一个响应式中的某一个属性 person.age

watch(()=>person.age,(newValue,oldValue)=>{
console.log('person.age变化了',newValue,oldValue)
})
得写成一个函数 感觉好麻烦
----------------------------------------------
五.监视reactive所定义的一个响应式中的某一些属性 person.age person.name

watch ( [ ()=>person.age , ()=>person.name ],(newValue,oldValue)=>{
console.log('age/name变化了',newValue,oldValue)
})
----------------------------------------------
特殊情况
监视reactive所定义的中的响应式数据中的一个属性 比如person.job但是job不是最终数据 是一个对象 就是下边还封装了数据 job:{xinzi:xxx;}

watch(()=>person.job,(newValue,oldValue)=>{
console.log('person.job变化了',newValue,oldValue)
} , {deep:true}) //此时deep配置有效
评论
2
打赏
  • 复制链接
  • 举报
下一条：
computed首先要引入computedimport {computed} from 'vue'在setup中写 //简写形式let fullName = computed(()=>{ return person.firstName+ '-' + person.lastName})------------------------------------------------------------------watch引入watchimport {watch} from 'vue'在setup中写的----------------------------------------------一. 监视ref所定义的一个响应式数据watch(sum,(newValue,oldValue=>{ //newValue 新数据 console.log('sum变化',newValue,oldValue)}, {immediate:true} )//immediate:true 页面初始化好时调用一次watch----------------------------------------------二.监听ref所定义的多个响应式数据watch([sum,msg] , (newValue,oldValue)=>{ console.log('sum/msg变化',newValue,oldValue) //此处的newValue和old...都为数组形式 包含着监听的这两个书的}----------------------------------------------三.监视reactive所定义的一个响应式数据(全部属性) person当watch的对象时reactive的全部属性时，会出现以下两个注意点 1.注意：无法正确获取oldValue 2.注意：强制开启了深度监视(deep配置无效) 改成false也没用watch(person,(newValue,oldValue)=>{console.log('person变化了',newValue,oldValue) })oldValue问题无法解决 慎用 虽然一般不用oldValue