vue2升级vue3:TypeScript下vuex-module-decorators/vuex-class to vuex4.x
Author:zhoulujun Date:
因为vue2 下 vue-property-decorator + vue-tsx-support +vuex-module-decorators/vuex-class ,class components 用的爽的也是不要不要的
但是,现在是vue3的天下了,搭配vuex4,ts也是原生支持,从vuex3.x 到vuex4.x,具体查看:https://vuex.vuejs.org/guide/migrating-to-4-0-from-3-x.html#installation-process
但是装饰器是真的香呀!
vuex-module-decorators1.x 到 vuex-module-decorators2.x ,默认就支持装饰器模式!
1.2 到2.0,就是vue2 到vue3
Merge branch 'vue2-vuex3'-》UPGRADE: support for Vue3 and Vuex4git add -A
具体查看:https://github.com/championswimmer/vuex-module-decorators/compare/v1.2.0...v2.0.0
模式迁移过来,啥都不用改
解决 vite 下 vuex-module-decorators 的热更新问题
https://juejin.cn/post/6967565202904580104
Pinia
Pinia与Vuex的对比:Pinia是Vuex的良好替代品吗?
根据我的个人经验,由于Pinea的重量很轻,它适合于中小型应用。它也适用于低复杂度的Vue.js项目,因为一些调试功能如时间旅行和编辑仍然不被支持。
将Vuex用于中小规模的Vue.js项目是矫枉过正的,因为它的重量对性能的降低有很大贡献。因此,Vuex适用于大规模和高复杂度的Vue.js项目。
Pinia的创造者已经说过,Pinia的目的不是要取代Vuex。相反,它的目的是让开发者更容易迁移到Vuex,甚至在未来将两个项目(在Vuex下)融合。
参考文章:
Vue3+Typescript项目构建之Vuex模块化搭建(vuex-module-decorators) https://blog.csdn.net/xzwwjl1314/article/details/113428742
Pinia相比Vuex、哪个更好用? - 沐华的回答 - 知乎 https://www.zhihu.com/question/521159639/answer/2391301774
Pinia,下一代状态管理库?Vuex的替代品? https://bran-nie.com/2022/01/30/pinia/
转载本站文章《vue2升级vue3:TypeScript下vuex-module-decorators/vuex-class to vuex4.x》,
请注明出处:https://www.zhoulujun.cn/html/webfront/ECMAScript/vue3/8841.html
延伸阅读:
- vue2升级vue3:组合式 API之Setup(props,context)—Vue2.x到Vue3注意
- vue2升级vue3:Vue2/3插槽——vue3的jsx组件插槽slot怎么处理
- vue3响应性API学习笔记
- Vue3新的内置组件
- vue2升级vue3:Vue3时jsx组件绑定自定义的事件、v-model、sync修
- vue2升级vue3:vue2 vue-i18n 升级到vue3搭配VueI18n v9
- vue2升级vue3: 全局变量挂载与类型声明
- vue2升级vue3: Event Bus 替代方案—— mitt
- vue2升级vue3:class component的遗憾
- vue2升级vue3:this.$createElement is not a function—动态组件升级
- vue2升级vue3:异步组件defineAsyncComponent
- vue2升级vue3:webpack vue-loader 打包配置
- Uncaught (in promise) TypeError: 'get' on proxy: property X is a read-on
- vue2升级vue3:composition api中监听路由参数改变
- vue2升级vue3:vue3创建全局属性和方法
-
vue2升级vue3:Vue Router报错,directly inside
or - vue2升级vue3:vue3比vue2究竟好在哪里?
- vue2升级vue3:vue3 hooks库选用
- vue2升级vue3:Vue Demij打通vue2与vue3壁垒,构建通用组件
- vue2升级vue3: h、createVNode、render、createApp使用
- vue2升级vue3:provide与inject 使用注意事项
- vue2升级vue3:单文件组件概述 及 defineExpos/expose
- vue2升级vue3: TSX Vue 3 Composition API Refs
- VUE3/TS/TSX入门手册指北
- vue2升级vue3:vue3中的watch和watchEffect细讲