vue监听单个和多个的值

在data中定义的值

//单个
watch:{
      time(value){
            setTimeout(() => {
                this.time =Date.now() ;
            }, 10000)
            
            // console.log(value);
            // console.log(oldValue);
              let token= JSON.parse(localStorage.token)
          if(value==token.expireTime){
              refreshToken({refreshToken:token.refreshToken}).then(res=>{
                console.log(res);
              })
          }
      },
      
  },

//多个 先在data中定义
  computed: {
    address() {
      const { address1, address2} = this
      return {  address1, address2}
    }
},
watch: {
'address'(e){
  //你要处理的内容
  console.log(e.address1)
  console.log(e.address2)
}
}

监听对象

<template>
  <div>
    <h2>数量1：{{from.num}}</h2>
    <h2>数量2：{{from.num1}}</h2>
    <button @click="add">添加</button>
    <button @click="add1">添加1</button>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      from:{
num:1,
num1:2
      },
    };
  },
  //计算
  computed: {
    
  },
  //监听
  watch: {
    from:{
      deep:true,
      immediate:true,//初始化时让handler调用一下
      handler(newValue,oldValue){
        console.log('from被修改了',newValue,oldValue);
      }
    }
  },

  methods: {
   add(){
       this.from.num++
    },
     add1(){
       this.from.num1++
    }
  },
  //方法
  mounted() {},
};
</script>

<style>
</style>