Vue中如何实现组件间的通信？

本文共计1712个文字，预计阅读时间需要7分钟。

目录：- 与Vuex的区别- 安装- 引入Pinia- 创建状态管理目录- Pinia模块组成- 创建Pinia模块- 在组件中使用该状态机- Pinia模块实例中的API讲解- 状态持久化- 与Vuex的区别：去除了mutation，选用更简洁的选项。

目录

• 与vuex的区别
• 安装
• 引入pinia
• 创建状态目录
• pinia模块组成
• 创建pinia模块
• 在组件中使用该状态机
• pinia模块实例中的api讲解
• 状态持久化

与vuex的区别

去除了 mutation 选项。省去了复杂的disptach和commit流程，直接通过模块实例调用实例的actions中的方法即可触发对应action；在组件中直接可以通过模块实例的$patch修改store状态或者通过action来间接修改store状态。响应式数据原理是proxy，使得数据的增加或者删除字段都具备响应式。