vue 子组件没有触发事件时父组件怎么使用子组件中的值？

Question

问题描述

子组件没有任何点击事件触发，就需要把数据加载出来，父组件要怎么接收子组件中的值呢？

问题出现的环境背景及自己尝试过哪些方法

使用了$children,没有事件触发，一直取得值都为undefiend。

有什么好的办法可以解决呢？

Answer 1

可以用ref获取到子组件的实例，通过实例可以取到所有值，甚至调用子组件的方法。

Answer 2

可以用事件通知啊，子组件this.$emit('test', somedata)父组件调用子组件的时候<Child @test="test" />
然后你父组件那里的methods里面，

test(somedata){
    //这里的somedata就是你子组件传过来的somedata
}

官方$emit用法