vue组件间通信

1.方法一 props/emit,A组件中的v-on方式实现
(子组件向父组件传值)
通过事件形式 子组件通过event给父组件发送消息,实际上就是子组件把自己的数据发送到父组件

2.方法二 on
这种方法通过一个空的Vue实例作为中央事件总线(事件中心),用它来触发事件和监听事件,巧妙而轻量地实现了任何组件间的通信,包括 父子/兄弟/跨级

3.方法三 vuex

4.方法四 listeners

5.方法五 provide/inject

6.方法六 children 与 ref

总结:
常见使用场景:
·父子通信:
父向子传递数据是通过props,子向父是通过events(parent/attrs/listeners
·兄弟通信:
Vuex
·跨级通信:
Vuex;provide/inject API;listeners;

前端问题总结 文章被收录于专栏

总结一些前端常见的面试笔试题,来和大家分享鸭

全部评论

相关推荐

有趣的牛油果开挂了:最近这个阶段收到些杂七杂八的短信是真的烦
点赞 评论 收藏
分享
11-01 08:48
门头沟学院 C++
伤心的候选人在吵架:佬你不要的,能不能拿户口本证明过户给我。。球球了
点赞 评论 收藏
分享
评论
点赞
收藏
分享
牛客网
牛客企业服务