javascript - Vue中，父组件怎么如何拿到子组件的data，并且实时更新。

Question

上图中 AlarmTimeTable 是子组件
现在这个页面中要拿到 AlarmTimeTable 里面 data中的times并且实时更新。

Answer 1

1. $emit()

   <alarm-time-table @data="getXXData"><alarm-time-table>
   子组件中 this.$emit('data', times);
   父组件 getXXData(tiems) 得到；
   

2. ref;

3. <alarm-time-table :callback="getXXData"><alarm-time-table>

...

Answer 2

Vue的实例拥有$emit这个方法，可以用来发射数据
用法：$emit(event,data)
然后通过v-on绑定到父组件的事件函数 @event ='getSubData'，父组件就可以通过事件函数的参数来获取子组件的data了