(自用面试题)Vue组件之间的通信方式有哪些?

49 阅读1分钟
  • 父组件传递数据给子组件
    props

  • 子组件传递数据给父组件
    自定义事件:在子组件中,通过$emit来触发事件;在父组件中,通过v-on来监听子组件事件。

  • 父组件访问子组件

    • $children
    • $refs(reference的缩写):$refs是和ref搭配使用的,首先通过ref给某一个子组件绑定一个ID,再通过this.$refs.ID就可以访问到该子组件。
  • 子组件访问父组件

    • $parent
    • $root
  • 父子组件通信
    provide/inject

  • 跨代通信
    $attrs/$listeners

  • Vuex