Vue中Pinia存储库替代Vuex的详细说明是什么？

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

目录+前言+Pinia介绍

1.创建一个Pinia store

2.访问State

3.Pinia修改数据的四种方法

4.重置State

5.替换state

6.订阅状态

7.Getters与Vuex比较+Pinia优点+前言+Vue3已经发布很长时间了，Vue官方“

目录

• 前言
• Pinia介绍
• 1. 创建一个Pinia store
• 2. 访问State
• 3. Pinia修改数据的四种方法
• 4. 重置State
• 5. 替换state
• 6. 订阅状态
• 7. Getters
• 与vuex比较
• Pinia的优点

前言

vue3已经发布很长一段时间了，vue官网也已经默认访问vue3的文档了。因此打算系系统统仔仔细细的学习一波

使用官方提供的脚手架工具新建一个vue3项目会发现，官方已将pinia作为默认的状态存储库提供在安装选项中了。

vuex的仓库中官方也有这么一段提示：

大致是说：Pinia 现在是新的默认设置。Vue 的官方状态管理库已更改为Pinia。您可以简单地将 Pinia 视为具有不同名称的 Vuex 5。