关于vue侦听器的使用和理解

一,使用场景

对于我们平常构建项目的时候经常频繁的使用组件,那对于父子传值得一些问题会导致我们在子组件里面不能直接去修改父组件传来的值,但是我们有时候可以转变下思路通过侦听父组件的值去改变.

二,使用方法

对于侦听字符串的使用方法

 watch: {
    data(value) {
      // 如果当value的值变化时,就立刻触发侦听器,执行里面的方法
    }

对于侦听对象的使用方法

data: {
      handler(value) {
         // 对于侦听对象时,因为对象时引用类型的数据,需要deep侦听内部的数据,如果对象内部的键的值改变时,就立刻触发侦听器,执行里面的方法
      },
      deep: true
    }

对于侦听数组的使用方法

data: {
      handler(value) {
         //和侦听对象一样
      },
      deep: true
    }