最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

詳解Vuex中mapState的具體用法

來(lái)源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 22:28:49
文檔

詳解Vuex中mapState的具體用法

詳解Vuex中mapState的具體用法:今天使用Vuex的時(shí)候遇到一個(gè)坑,也可以說(shuō)是自己的無(wú)知吧,折騰了好久,終于發(fā)現(xiàn)自己代碼的錯(cuò)誤了。真是天雷滾滾~~~~~~ index.js import Vue from 'vue' import Vuex from 'vuex' import mutations from './mutations' im
推薦度:
導(dǎo)讀詳解Vuex中mapState的具體用法:今天使用Vuex的時(shí)候遇到一個(gè)坑,也可以說(shuō)是自己的無(wú)知吧,折騰了好久,終于發(fā)現(xiàn)自己代碼的錯(cuò)誤了。真是天雷滾滾~~~~~~ index.js import Vue from 'vue' import Vuex from 'vuex' import mutations from './mutations' im

今天使用Vuex的時(shí)候遇到一個(gè)坑,也可以說(shuō)是自己的無(wú)知吧,折騰了好久,終于發(fā)現(xiàn)自己代碼的錯(cuò)誤了。真是天雷滾滾~~~~~~

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, //訂單產(chǎn)品詳情
 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通過(guò)擴(kuò)展運(yùn)算符將store.state.orderList 映射this.orderList  這個(gè)this 很重要,這個(gè)映射直接映射到當(dāng)前Vue的this對(duì)象上。

所以通過(guò)this都能將這些對(duì)象點(diǎn)出來(lái),同理,mapActions, mapMutations都是一樣的道理。牢記~~~

聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

詳解Vuex中mapState的具體用法

詳解Vuex中mapState的具體用法:今天使用Vuex的時(shí)候遇到一個(gè)坑,也可以說(shuō)是自己的無(wú)知吧,折騰了好久,終于發(fā)現(xiàn)自己代碼的錯(cuò)誤了。真是天雷滾滾~~~~~~ index.js import Vue from 'vue' import Vuex from 'vuex' import mutations from './mutations' im
推薦度:
標(biāo)簽: 使用 用法 ma
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題
Top