本文主要介绍mapState在Vuex中的具体用法。边肖认为这很好。现在分享给大家,给大家一个参考。来和边肖一起看看吧。
今天用Vuex的时候遇到了坑。也可以说是我的无知。过了很久,我终于发现了我的代码错误。真的是雷霆万钧~ ~ ~ ~ ~
索引. js
从“vue”导入Vue
从“vuex”导入Vuex
从导入突变。/突变
从导入操作。/操作
从导入getters。/getters
Vue.use(Vuex)
常量状态={
UserInfo:{电话:111 },//用户信息
订单列表:[{订单号: 1111}],//订单列表
OrderDetail: null,//订单产品详细信息
Login: false,//登录与否?
}
导出默认的新Vuex。商店({
状态,
吸气剂,
行动,
突变,
})
计算值:{
.mapState([
订单列表,
登录
]),
},
已安装(){
console.log(订单列表类型);==undefind
console . log(type of this . order list)==object
}
Map通过扩展运算符将store.state.orderList映射到this.orderList。这个很重要,这个映射直接映射到当前Vue的这个对象。
所以这些对象可以通过这个指出来,mapActions,mapMutations也是如此。记住~ ~ ~
这就是本文的全部内容。希望对大家的学习有帮助,支持我们。