,,详解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也是如此。记住~ ~ ~

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

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • word文档无法编辑是怎么回事-
  • 华为手机怎么设置返回键(华为手机下面的三个按键设置方法)
  • lumia950怎么样(Lumia950体验分享)
  • otg连接是什么意思(OTG连接手机方法)
  • 笔记本触摸板怎么右键(笔记本电脑触控板手势操作设置)
  • 真我x7怎么样(realme X7 系列体验)
  • 苹果的A16处理器有多强(苹果的A16处理器的介绍)
  • 小米互传怎么用(小米手机的连接与共享教程)
  • 怎么设置电脑桌面图标自动对齐 设置电脑桌面自动整理图标的方法
  • 宽带错误651最简单解决方法(处理宽带错误651的措施)
  • 大学生手机有什么推荐(大学生换手机攻略)
  • 天玑1100和骁龙778g哪个好(骁龙778G、天玑900、天玑1100购选建议)
  • yum update 升级报错的解决办法
  • Windows10禁用屏保教程
  • 连接wifi显示无互联网连接怎么办(无线连上了却不能上网处理绝招)
  • 留言与评论(共有 条评论)
       
    验证码: