为什么建议你用 Pinia 替换 Vuex？

在 Vue.js 项目状态管理技术选型时，经常会遇到选择 Vuex 还是 Pinia 的问题。Pinia 被 Vue.js 官方网站列为 Vue.js 的推荐状态管理工具，这可能是它被受欢迎的原因之一。在本文中，将对 Pinia 和 Vuex 进行详细的对比，阐述它们的独特功能、预期用途以及优缺点，希望对您的项目技术选型有所帮助。

1.基本介绍

1.1.Pinia

Pinia 是新一代状态管理工具，它允许您在 Vue.js 组件间跨组件或页面共享状态。它也是目前官网推荐的全局状态管理工具。Vue 核心团队成员 Eduardo San Martin Morote 设计了 Pinia。通过使用新的响应性机制，Pinia 构建了一个易于使用且具有适当类型的状态管理系统，是管理应用程序响应式状态的一个优秀库。与 Vuex 相比，Pinia 的 API 学习曲线更平缓，让您的代码更易读。

使用 Pinia 创建一个 store示例：

import {
    defineStore } from 'pinia'

export const useCounterStore = defineStore('counter', {
   
  state: () => {
   
    return {
    count: 0 }
  },