Pinia 上手指南 -- 新一代状态管理工具，它会成为 Vuex 的良好替代品吗？

目录

一、简介

二、入门

1、安装

2、何为 Store ？

3、何时使用 Store ？

三、基本使用

1、Store

2、State?

定义 state

获取 state

重置 state

更换 state

修改 state

订阅（监听）state?

3、Getters

创建 getters

使用其他 getters

访问其他 store 中的 getters

4、Actions

创建 actions

异步 actions

访问其他 store 中的 actions

订阅 actions

四、与 Vuex 的比较

1、优缺点

Vuex 的优点

Vuex 的缺点

Pinia 的优点

Pinia 的缺点

2、使用场景

五、总结

---

一、简介

Pinia 是 Vue 的存储库，它允许你跨组件/页面共享状态。如果你熟悉 Composition API，你可能已经使用过简单的export const state = reactive({})，这对于单页应用程序来说是正确的，但如果它是服务器端呈现的，则会将你的应用程序暴露给安