watch与computed与props

props这个需要注意的是，不可以直接在子组件修改props过来的值。

若需修改，在子组件中用另一个变量接收；

且需同步时，将其变量回调给父组件。

注意：若传递的值为引用类型的，如array，object的

在子组件中改变变更这个对象或数组本身将会影响到父组件的状态。

因为都是引用同一个内存地址

 

watch（一个影响多个）

主要用于当一个属性发生变化时，需要执行对应的操作；一对多时，一般用 watch。

需要注意的是，初始化的时候并不会执行，若是初始需要执行：

immediate：组件加载立即触发回调函数执行

immediate：true

当需要监听一个对象的改变时，普通的watch方法无法监听到对象内部属性的改变

只有data中的数据才能够监听到变化，此时就需要deep属性对对象进行深度监听。

例子：

watch: {
  obj: {
    handler(newName, oldName) {
      console.log('obj.a changed');
    },
    immediate: true,
    deep: true
  }
}

 

computed(一个被多个影响)

1.computed有get和set方法，简写是执行get方法，需要return

2.变化要基于data或者props里数据变化才会变化，非响应的不会变动

3.若直接修改computed的值，则是调用set方法；修改的时候,没有set方法会报错