【vue】组件通选方式

父子传值

props $emit

这是最基本的父子组件通讯方式。通过 props 属性将数据从父组件传递给子组件,而子组件通过触发事件($emit)将数据发送回父组件。

$children $parent

通过 $parent 属性可以访问父组件的实例,通过 $children 属性可以访问子组件的实例。
之前的文章有 $children $parent 示例

$refs

使用 ref 属性可以在父组件中引用子组件,然后可以通过 this.$refs 来直接访问子组件的属性和方法。

祖孙传值

provide inject

之前的文章有provide inject 示例

$attrs $listeners

之前的文章有$attrs $listeners代码示例

兄弟传值(同样适用于父子、祖孙)

vuex
eventBus

你可能感兴趣的:(vue,1024程序员节)