基本介绍

Pinia 是应用与 Vue.js 的轻量级状态管理库。

为什么学习 Pinia？

Pinia 和 Vuex4 一样，也是 Vue 官方的状态管理工具(作者是 Vue 核心团队成员）。 Pinia 相比 Vuex4，对于 Vue3 的兼容性更好。 Pinia 相比 Vuex4，具备完善的类型推导。 Pinia 同样支持 Vue 开发者工具，最新的开发者工具对 Vuex4 支持不好。 Pinia 的 API 设计非常接近 Vuex5 的提案。

Pinia 核心概念？

state: 状态。 actions: 修改状态（包括同步和异步，Pinia 中没有 mutations）。 getters: 计算属性。

Pinia 的使用步骤

1.安装 pinia yarn add pinia

2.挂载 Pinia，main.js import { createPinia } from 'pinia'

3.创建模块，store/counter.js

4.在组件中使用

actions 的使用

😀 在 Pinia 中没有 mutations，只有 actions，不管是同步还是异步的代码，都可以在 actions 中完成。 getters 的使用

😀 Pinia 和 Vuex 中的 getters 基本是一样的，也带有缓存的功能