详解Vuex中mapState的具体用法

今天使用Vuex的时候遇到一个坑，也可以说是自己的无知吧，折腾了好久，终于发现自己代码的错误了。真是天雷滚滚~~~~~~

index.js

import Vue from 'vue'
import Vuex from 'vuex'
import mutations from './mutations'
import actions from './action'
import getters from './getters'

Vue.use(Vuex)

const state = {
 userInfo: { phone: 111 }, //用户信息
 orderList: [{ orderno: '1111' }], //订单列表
 orderDetail: null, //订单产品详情
 login: false, //是否登录
}

export default new Vuex.Store({
 state,
 getters,
 actions,
 mutations,
})

computed: {
   ...mapState([
    'orderList',
    'login'
   ]),
  }, 
  mounted(){ 
   console.log(typeof orderList); ==>undefind
   console.log(typeof this.orderList)==>object
  }

mapState通过扩展运算符将store.state.orderList 映射this.orderList  这个this 很重要，这个映射直接映射到当前Vue的this对象上。

所以通过this都能将这些对象点出来，同理，mapActions, mapMutations都是一样的道理。牢记~~~

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Vuex  # mapState 

相关文章： 非常酷的网站设计制作软件,酷培ai教育官方网站？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  建站之星备案是否影响网站上线时间？  广州顶尖建站服务：企业官网建设与SEO优化一体化方案  如何用y主机助手快速搭建网站？  如何通过二级域名建站提升品牌影响力？  招商网站制作流程,网站招商广告语？  香港服务器租用每月最低只需15元？  如何自定义建站之星网站的导航菜单样式？  南京网站制作费用,南京远驱官方网站？  建站主机如何选？性能与价格怎样平衡？  佛山网站制作系统,佛山企业变更地址网上办理步骤？  建站主机与服务器功能差异如何区分？  如何快速上传建站程序避免常见错误？  定制建站流程步骤详解：一站式方案设计与开发指南  ,怎么用自己头像做动态表情包？  Thinkphp 中 distinct 的用法解析  深圳 网站制作,深圳招聘网站哪个比较好一点啊？  如何选择高效稳定的ISP建站解决方案？  建站之星下载版如何获取与安装？  Python lxml的etree和ElementTree有什么区别  建站之星好吗？新手能否轻松上手建站？  宝塔建站教程：一键部署配置流程与SEO优化实战指南  济南网站建设制作公司,室内设计网站一般都有哪些功能？  建站为何优先选择香港服务器？  如何在建站之星绑定自定义域名？  网站制作培训多少钱一个月,网站优化seo培训课程有哪些？  如何设置并定期更换建站之星安全管理员密码？  已有域名能否直接搭建网站？  css网站制作参考文献有哪些,易聊怎么注册？  洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些？  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  定制建站模板如何实现SEO优化与智能系统配置？18字教程  专业网站设计制作公司,如何制作一个企业网站，建设网站的基本步骤有哪些？  名字制作网站免费,所有小说网站的名字？  如何在阿里云通过域名搭建网站？  股票网站制作软件,网上股票怎么开户？  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  如何选择可靠的免备案建站服务器？  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  高端云建站费用究竟需要多少预算？  如何用VPS主机快速搭建个人网站？  如何通过山东自助建站平台快速注册域名？  如何用景安虚拟主机手机版绑定域名建站？  济南专业网站制作公司,济南信息工程学校怎么样？  临沂网站制作企业,临沂第三中学官方网站？  如何通过免费商城建站系统源码自定义网站主题与功能？  宝塔Windows建站如何避免显示默认IIS页面？  无锡营销型网站制作公司,无锡网选车牌流程？  如何通过WDCP绑定主域名及创建子域名站点？