vue父子组件通信的问题

Question

父组件data里定义的两个变量dept和time，要组合成一个新对象newObj传给子组件，并且dept和time变化时，子组件能监听到，这个要怎么做？

Answer 1

子组件里 watch newObj，设置 deep :true

Answer 2

只需要让newObj为响应式对象就行，可以尝试以下方法：

1. 在data中定义newObject
2. 定义一个computed，如

{
  computed: {
    newObject () {
      return {
        dept: this.dept,
        time: this.time
      }
    }
  }
}

1. 使用vue.observable，如<child :data="vue.ovservable({dept: this.dept, time: this.time})" />，注意，这里如果要在模板中直接使用vue的话，需要把vue添加到this中。