组件之间通讯方式

props :父向子传递
$emit / v-on :子向父(通过派发)传递
v-model: 双向绑定
slot:插槽(子组件通过插槽的方法传给父组件)
provide/inject:依赖注入(可以指定传给后代的数据和方法)
root:访问根目录的属性和方法
$attrs/$listeners:深层传递(多层传递)爷爷向孙子
eventBus:公交车,中央事件总线
Vuex:解决eventBus的缺点用于大型项目,集中式储存和管理所有组件状态
ref:父组件通过$refs可以主动获取子组件的属性或者调用方法
$children/$parent($children:获取到一个包含所有子组件(不包含孙子组件)的 VueComponent 对象数组,可以直接拿到子组件中所有数据和方法等
$parent:获取到一个父节点的 VueComponent 对象,同样包含父节点中所有数据和方法等)
.sync:子组件可以修改父组件的内容(其实就是双向绑定)

posted @ 2022-11-05 14:03  LT先生  阅读(26)  评论(0编辑  收藏  举报