你不知道的冷门组件通信方式

1.组件的概念

组件是可复用的 Vue 实例, 封装标签, 样式和JS代码

一个页面， 可以拆分成一个个组件，一个组件就是一个整体, 每个组件可以有自己独立的 结构 样式 和 行为(html, css和js)

2.组件通信-EventBus

我大概列举一下常用的组件通信方式

父子组件:使用props和$emit进行通信 v-model数据双向绑定

兄弟关系:eventBus:$on+$emit

爷孙关系:使用provide+inject来通信

没有关系:用Vuex和Pinia等等

注意咯:接下来介绍两种组件通信的方式

3.$ref(父向子)

$refs能够获取原生 DOM 对象和获取组件对象