父组件如何获得子组件的计算值 Vue.js

Question

Vuejs 2.x版本

子组件 child.vue

export default {

computed: adata(){
    ////一些代码
    return xxxxx
}

}

父组件如何能够获取到子组件的 adata，当然要实时。

Answer 1

获取子组件内部的数据，可以通过 this.$refs 的方式获取。但这个方法应该不是实时的【可以试验一下】

如果要实时的话，可以通过子组件在 computed 中 $eimt 出去事件，父组件监听获取到数据

Answer 2

可以对 computed 值进行 watch 并加上 deep: true

watch: {
    adata: {
      handler: function (val, oldVal) { this.$emit('change', val) },
      deep: true
    }
}