Vue将方法从子组件公开到父组件

Question

在以下方法中，您认为哪种方法更好？

[1] 使用$emit将方法从子组件公开到父组件

$emit('updateAPI',  exposeAPI({ childMethod: this.childMethod }))

OR

[2] 使用父组件中的$refs访问子组件方法

this.$refs.childComponent.childMethod() 

Answer 1

根据{{​​3}}，

关于 $ refs ：

  

“ $ refs仅在呈现组件之后填充，并且   他们没有反应。它只是作为直接逃生舱口   儿童操纵-您应避免从内部访问$ refs   模板或计算出的属性。”

关于回调，我没有关于缺点的信息，在Quasar Framework的docs的脚本部分中有一个很好的示例，父组件通过发出{{1 }，并可以分派此子功能。这就是为什么我认为这种方式更可取。