vuex中怎么把‘庫’中的狀態對象賦值給內部對象(三種方法)


一、通過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('')的原始形式。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM