一、通過computed的計算屬性直接賦值
import store from '@/store/store'
export default{
name: 'count',
data(){
return{
msg:'Hello Vuex'
}
},
computed:{
num(){
return this.$store.state.num;
}
},
store
}
二、通過mapState的對象來賦值
首先引入mapState對象(注意:這里mapState對象一定要用{}括起來,不然會報錯)
import { mapState } from 'vuex'
然后在computed屬性中寫入方法
//ES5的寫法
computed:mapState({
num:function(state){
return state.num;
}
}),
//ES6的寫法
computed:mapState({
num:state=>state.num
}),
三、通過mapState的數組來賦值(最常用的方法)
computed:mapState(['num']),
四、總結,同理我們也可以通過mapMutations 的數組形式來獲取state的方法,進而取代$store.commit('')的原始形式。
