时间:2021-05-25
今天使用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都是一样的道理。牢记~~~
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1.实践环境Vue2.9.62.问题描述import{mapState}from'vuex';exportdefault{name:"displayCount"
本案例是基于Vuex的公共数据库,你在了解本案例之前要了解Vuex的使用方法。https://puted:{...mapState(['userDetail']
本文实例讲述了php中readdir函数用法。分享给大家供大家参考。具体用法分析如下:定义和用法:readdir()函数返回由opendir()打开的目录句柄中
具体用法如下:复制代码代码如下:--=============================================--Author:cynimoon
本文实例讲述了Python中unittest的用法,分享给大家供大家参考。具体用法分析如下:1.unittestmodule包含了编写运行unittest的功能