详解Vuex中mapState的具体用法

详解Vuex中mapState的具体用法

本文主要介绍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也是如此。记住~ ~ ~

这就是本文的全部内容。希望对大家的学习有帮助,支持我们。

详解Vuex中mapState的具体用法