vue组件间通信方式总结

vue组件间有如下通信方式：

• props。
  • 父组件向子组件传递数据，通过props，props值是一个变量。
    举例见：todoList案例（vue版本）之初始化列表。
  • 子组件向父组件传递数据，通过props，props值是一个函数。
    举例见：todoList案例（vue版本）之添加todo。
• 自定义事件。
  子组件向父组件传递数据，通过自定义事件实现。
  举例见：todoList案例（vue版本）之添加todo（自定义事件实现）。
• 全局事件总线。
  全局事件总线，适用于任意组件间通信。
  举例如下：
  todoList案例（vue版本）之添加todo（全局事件总线实现）
  todoList案例（vue版本）之勾选/去勾选todo（全局事件总线实现）
  todoList案例（vue版本）之删除todo（全局事件总线实现）
  todoList案例（vue版本）之底部交互（全局事件总线实现）
• 消息订阅与发布。
  消息订阅与发布，适用于任意组件间通信。
  举例见：todoList案例（vue版本）（消息订阅与发布实现组件通信）
• vuex。
  举例见：todoList案例（vue版本）（vuex实现）
• 插槽。