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;

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

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

全部评论

相关推荐

面向对象的火龙果很爱...:去吃一顿炸鸡就走
点赞 评论 收藏
分享
不愿透露姓名的神秘牛友
07-08 14:08
点赞 评论 收藏
分享
缒梦&独舞:这家公司是这样的,去年给我实习offer了,不过也是面着玩儿的,他周六还要去做公益志愿活动
点赞 评论 收藏
分享
不愿透露姓名的神秘牛友
07-08 13:15
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务