Vue中使用Vuex获取多个state状态的4种写法

本文主要是介绍Vue中使用Vuex获取多个state状态的4种写法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Vue中使用Vuex获取多个state状态的4种写法

写法①（初级）

computed: {count () {return this.$store.state.count},count1 () {return this.$store.state.count1}}

写法②（原理级）

computed: mapState({count: state => state.count,count1: state => state.count1,// 官网// countAlias是个变量，并把count的值赋给它countAlias: 'count',// countPlusLoaclState是个方法，可在里面写计算操作并会返回计算后的值，并且可通过this获取data()局部数据的值countPlusLoaclState (state) {return state.count + this.num}})

写法③（中级）

computed: mapState(['count','count1'])

写法④（高级）

computed: {...mapState(['count','count1'])}

Vuex核心概念State

这篇关于Vue中使用Vuex获取多个state状态的4种写法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---