Vue2.7 + Vite+ Eslint、Stylelint、Commitlint 统一开发规范 + husky + lint-staged (git commit 时自动格式化代码) + Vue 全家桶集成 + Axios 封装及接口管理 https://juejin.cn/post/7118700020911570974
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

1.3 KiB

全局状态管理

这里全局状态管理器选择了 Pinia,之所以没有选择 Vuex,对于我来说最主要的原因有两点:

  1. Vue3 官方文档中,已经将 Pinia 放入官方推荐的核心库位置中了。
  2. 对 Composition-API 具有更好的支持。

接下来看一段官方的说明:

Pinia 最初是为了探索 Vuex 的下一次迭代会是什么样子,结合了 Vuex 5 核心团队讨论中的许多想法。最终,我们意识到 Pinia 已经实现了我们在 Vuex 5 中想要的大部分内容,并决定实现它 取而代之的是新的建议。

与 Vuex 相比,Pinia 提供了一个更简单的 API,具有更少的规范,提供了 Composition-API 风格的 API,最重要的是,在与 TypeScript 一起使用时具有可靠的类型推断支持。

目录说明

有关全局状态管理的功能都在以下的目录中。

.
├── src # 主目录
│   ├── main.js # 主入口
│   ├── store # store 配置
│   │   ├── modules # store 模块
│   │   └── index.js
│   └── views # 页面

store modules

我们在开发中需要将不同功能所对应的状态,拆分到不同的 modules,好处在 route moduels 中已经描述过了。