Vuex中mapState的用法

2022-07-08 22:30:21 字數 1411 閱讀 3941

今天使用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 = , //使用者資訊


orderlist: , //訂單列表


orderdetail: null, //訂單產品詳情


login: false, //是否登入


}export default new vuex.store()



computed: ,   


mounted()
mapstate通過擴充套件運算子將store.state.orderlist 對映this.orderlist  這個this 很重要，這個對映直接對映到當前vue的this物件上。

所以通過this都能將這些物件點出來，同理，mapactions, mapmutations都是一樣的道理。牢記~~~

demo

今天使用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 = , //使用者資訊


orderlist: , //訂單列表


orderdetail: null, //訂單產品詳情


login: false, //是否登入


}export default new vuex.store()




computed: ,   


mounted()


mapstate通過擴充套件運算子將store.state.orderlist 對映this.orderlist  這個this 很重要，這個對映直接對映到當前vue的this物件上。


所以通過this都能將這些物件點出來，同理，mapactions, mapmutations都是一樣的道理。牢記~~~


demo


				
Vuex中mapState的用法
import vue from vue import vuex from vuex import mutations from mutations import actions from action import getters from getters vue.use vuex const st...

				
Vuex中mapState的用法
今天使用vuex的時候遇到乙個坑，也可以說是自己的無知吧，折騰了好久，終於發現自己 的錯誤了。真是天雷滾滾 index.js import vue from vue import vuex from vuex import mutations from mutations import action...

				
Vuex中mapState的用法
vuex中mapstate的用法 今天使用vuex的時候遇到乙個坑，也可以說是自己的無知吧，折騰了好久，終於發現自己 的錯誤了。真是天雷滾滾 index.js import vue from vue import vuex from vuex import mutations from mutati...