昆吾kw的博客

Axios 的二次封装是一项基础工作，主要目的就是将一些常用的功能进行封装，简化后续网络请求的发送。JS 版本的封装大家都已经非常熟悉了，可以信手拈来。但是使用 TypeScript 对 Axios 进行封装，稍微就复杂了些。主要是由于 TS 引入了类型系统，带来了一些类型的束缚。对于 TS 不太熟悉的小伙伴就容易绕晕。熟悉 axios 封装，但在 TypeScript 中不知该如何下手。明确我们的封装目标：能用上TypeScript 带来的好处，类型检查（安全性）和语法提示（便捷性）。

Pinia 号称下一代的 Vuex。经过初步体验，发现相比于 Vuex，Pinia 确实有了很大进步，最明显的就是删减了复杂的概念，简化了数据流转的过程，现在只剩下了 store、state、getters、actions 这四个核心概念。接下来使用一个用户登录的案例，来学习 Pinia 的使用。需要用到：我们会先 mock 一个简单的登录接口，然后介绍使用 Pinia 的基本流程，最后在组件中使用 Pinia，完成整个流程。创建 Vue 项目可以使用 create-vite 和 create-vue 这两