vuemapState的⽤法
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(){typeof的用法
console.log(typeof orderList); ==>undefind
console.log(derList)==>object
}
mapState通过扩展运算符将derList 映射derList 这个this 很重要,这个映射直接映射到当前Vue的this对象上。所以通过this都能将这些对象点出来,同理,mapActions, mapMutations都是⼀样的道理。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论