vue最全的组件通信和插槽,看这一篇就够了
展开全部
组件通信常用方式
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
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询