vue中的兄弟组件传值方式

在写博客的时候,有一个需求,就是评论和评论列表是两个不同的组件,添加评论后,如何通知评论列表重新获取数据? 我尝试了两种解决方案

1. 使用bus总线传值

  1. 我选择的是在main.js中配置
  1. 添加评论组件发送事件
  1. 评论列表组件接收事件
  1. 控制台打印输出

2. 使用vuex

  1. 在添加评论组件触发事件
  1. vuex的简单配置,20行收到通知之后,触发14行的方法,从而修改状态
  1. 评论列表此处有两种监听方式,都可使用
  1. 控制台打印输出