生命中，好多的事是这样，生活中，好多的情是这样，没有理由，也无需理由，爱就是爱，喜欢就是喜欢，没有结果，也无须结果，心甘情愿，无怨无悔。
今天使用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的具体用法。人生的路，需要一步一步往前走，需要坚持不懈的努力与付出，世上本无过去不的阴影，只有过不去的心情，人生在这个世界上，必须要饱受风霜与挫折，最后才可以创造出天堂的力量，如果有谁告诉你，他用一天的时间获取了成功，那么，请你不要相信，世上本无捷径，成功从来不是偶然的。更多关于详解Vuex中mapState的具体用法请关注haodaima.com其它相关文章！
