概念

• pinia核心概念

• state: 状态

• actions: 修改状态（包括同步和异步，pinia中没有mutations）

• getters: 计算属性

• 为什么使用pinia

• pinia和vuex4一样，也是vue官方的状态管理工具

• pinia相比vuex4，对于vue3的兼容性更好

• pinia相比vuex4，具备完善的类型推荐

• pinia 的 API 设计非常接近 Vuex 5 的提案

安装

yarn add pinia

或

npm i pinia

挂载

• 在main.js文件中挂载pinia

新建文件

• 在src/store文件夹中创建index.js文件

• state 相当于 data

• actions 相当于 methods

• getters 相当于 computed

使用

• 在组件中使用pinia

actions

• 不管是同步还是异步的代码，都可以在actions中完成

• 在组件中使用

getters

• pinia中的getters和vuex中的基本是一样的，也带有缓存的功能

• 在getters中提供计算属性

• 在组件中使用