watch: {} 监控某个数据出现变化就执行

<script>
export default {
  data(){
    return{
      arr:[],  //arr变量有变化就会触发 下面 watch里面arr的方法
    }
  },
  created(){
  },
  watch: {
    arr (v, nv) {   
      console.log(v, nv, '-----')
    }
  },
  methods: {
  
  }
};
</script>

 

后记

如果是要变量监听内部的要这么写

props: {
    editForm: {
      type: String,
      default: {"name":123,"age":12},
    },
  },


watch: {
    editForm: {
      handler(newVal, oldVal) {
        console.log(88888, newVal, oldVal);
      },
      deep: true, // 监听对象内部属性的变化
    },
  },