【无标题】阿达萨达

Pinia与Vuex的核心区别

1. ‌架构设计‌

   • ‌Vuex‌：采用集中式架构，所有状态存储在单一全局状态树中，通过mutations和actions修改状态，适合复杂项目。
   • ‌Pinia‌：采用去中心化模块化设计，每个模块独立管理状态，直接通过actions修改状态，更符合Vue 3的Composition API风格。

2. ‌API简洁性与TypeScript支持‌

   • ‌Vuex‌：API较繁琐，需区分mutations（同步）和actions（异步），TypeScript支持需额外配置。
   • ‌Pinia‌：简化API，无需mutations，原生支持TypeScript，类型推断更完善。

3. ‌模块化管理‌

   • ‌Vuex‌：通过modules分割状态，但嵌套和类型管理复杂。
   • ‌Pinia‌：每个Store独立声明，组合灵活，无需命名空间。

4. ‌性能与体积‌

   • ‌Vuex‌：体积较大但稳定，状态变更会重新计算所有getters。
   • ‌Pinia‌：体积更小（约1KB），利用Proxy优化状态追踪，性能更优。

5. ‌适用场景与生态‌

   • ‌Vuex‌：适合Vue 2或复杂项目，官方维护，生态成熟。
   • ‌Pinia‌：专为Vue 3设计，轻量灵活，推荐用于新项目。

‌总结‌：Pinia是Vuex的现代替代方案，尤其在Vue 3项目中优势明显，而Vuex更适合需要严格状态管理的遗留系统。

Pinia的基本使用-CSDN博客

pinia-vue3状态管理工具-CSDN博客

---

 

国际化(i18n)到底是个啥？
国际化（Internationalization，简称i18n，因为首字母i和末字母n之间有18个字母）的核心目标是让产品能轻松适配不同语言和地区的用户。举个例子，你开发了一个电商网站，中国用户看到的是中文和人民币价格，美国用户看到的是英文和美元价格，沙特用户看到的是阿拉伯语（从右到左排版）和沙特里亚尔价格。

国际化不仅仅是翻译，还包括：

语言包管理（多语言文案）
日期、时间格式化（美国用MM/DD/YYYY，中国用YYYY-MM-DD）
数字、货币格式化（千分位分隔符、小数点符号不同）
RTL语言支持（阿拉伯语、希伯来语等从右到左排版）

教你如何在vue中使用国际化i18n插件_vue使用i18n_vue-i18n-CSDN博客

---

 ant-design-vue-jeecg: jeecgboot-前端

《JeecgBoot系列》Ant-Design-Vue开发配置记录_ant-design-vue-jeecg-CSDN博客

---

 window.print() 前端实现网页打印详解

---

ant design vue 中加载中 <a-spin> 标签的使用-CSDN博客