Vuex全局变量的实现方式与最佳实践
vuex 的全局变量方式挺多的,尤其在做 uni-app 项目时更得注意状态管理这一块。直接在store里定义全局变量是最基本的玩法,用mutations更新、用actions异步,算是标配了。
像mapState、mapGetters这些辅助函数也蛮方便,拿来直接映射变量或计算属性,不用手动一遍遍写this.$store.state.xxx,写法清爽多了。
异步操作交给actions去,还能避免状态更新混乱。比如你要从接口拉点数据,再更新全局状态,那就别直接在组件里动手,老老实实地dispatch一下。
而getters用来封装计算逻辑也挺香的,尤其是那种状态要一下才能用的,比如全局变量翻倍、过滤啥的,全靠它了。
在uni-app里,这一套方法都能用,就是有时候平台不同(比如微信小程序),要注意兼容性,别踩坑就行。
还有就是尽量别在组件里直接改state,最好通过mutations,保持状态干净点。全局变量也别搞太多,不然你自己都绕晕。
如果你刚开始用Vuex,或者想让uni-app项目的状态更好维护,这篇就蛮值得一看。
uni-app全局变量的几种实现方式.zip
预估大小:63个文件
uni-app全局变量的几种实现方式
文件夹
vuex
文件夹
pages.json
460B
pages
文件夹
index
文件夹
index.vue
2KB
login
文件夹
login.vue
1KB
App.vue
577B
store
文件夹
...
文件大小:320.09KB
评论区