vue最全的组件通信和插槽,看这一篇就够了

如题所述

第1个回答  2022-07-18

组件通信常用方式
props
父给子传值

自定义事件
子给父传值
$emit

$bus事件总线
任意两个组件之间传值常用事件总线 或 vuex的方式。

event bus

vuex
唯一的全局数据管理者store,通过它管理数据并通知组件状态变更。

边界情况
$parent/$root
兄弟组件之间通信可以通过共同祖辈搭桥 $parent 或$root

$children

父组件可以通过$children访问子组件实现父子通信

$refs
获取子节点引用

provide/inject
能够实现祖先和后代之间的传值

$attrs $listeners
非prop特性 ,可以包含所有父作用域的绑定(class style除外)并且可以通过v-bind=“$attrs”传入组件内部,创建高级组件时特别有用

插槽语法是vue实现的内容分发api 适合复合组件开发,在通用组件库的开发中大量使用。

匿名插槽

具名插槽
将内容分发到子组件指定位置

作用域插槽
分发内容到子组件的数据

create函数

建通知组件,Notice.vue

相似回答
大家正在搜