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

 我来答
机器1718
2022-07-18 · TA获得超过6854个赞
知道小有建树答主
回答量:2805
采纳率:99%
帮助的人:162万
展开全部

组件通信常用方式
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

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式