VUE组件中通信
组件之间的通信有很多种通信方式,总的来说,主要掌握如下几种
- 父子组件如何通信
- 亲兄弟组件如何通信,还有堂兄组件如何通信
通信基本原则
- 不要在子组件中直接修改父组件的状态数据
- 数据和处理数据的函数应该在同一模块内
组件通信方式有很多种,这里介绍4中
- props:比较常用,就是比较麻烦,有局限性
- 自定义事件:也可以进行组件之间通信,有局限性,与props互补
- 消息订阅与发布:通知与订阅
- vuex:中大型的项目中,状态、数据、信息同步前面三种就不足以解决问题,就出现了vuex,全局状态管理
一、初始化工程项目
进入到vue目录,执行创建项目的命令
我们选择手动: