如何在vue.js中从父级访问子级方法

我有两个嵌套的组件,从父级访问子级方法的正确方法是什么?

this.$children[0].myMethod() 似乎可以解决问题,但这很难看,不是,有什么更好的方法:

<script>
import child from './my-child'

export default {
  components: {
   child
  },
  mounted () {
    this.$children[0].myMethod()
  }
}
</script>
橙ぺo痕2020/03/10 14:12:06

为了将一个子组件与另一个子组件进行通信,我在父对象中创建了一个方法,该方法通过以下方式在子对象中调用方法:

this.refs.childMethod()

从另一个孩子那里,我调用了root方法:

this.$root.theRootMethod()

它为我工作。