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
文件大小:
评论区