關於mapState和mapMutations和mapGetters 和mapActions輔助函數的用法及作用（一）-----mapState

一、通過mapState函數的對象參數來賦值：

<p>{{ count }}</p>
<p>{{ count1 }}</p>
<p>{{ count2 }}<p>

//導入
import { mapState } from 'vuex'
export default {
    data() {
        return {
            msg: 'vuex理解要點',
            id: 1
        }
    },
    store, //方法二：通過mapState對象來賦值
    computed: mapState({
        //使用箭頭函數
        count: state => state.count,
        //傳入字符串 ‘count’ 等同於 `state => state.count`
        count1: 'count',
        // 為了能夠使用 `this` 獲取局部狀態，必須使用常規函數
        count2(state) {
            return state.count + this.id
        }
    })
}

三、通過mapState函數的數組參數來賦值
當映射的計算屬性的名稱與 state 的子節點名稱相同時，我們也可以給 mapState 傳一個字符串數組。
// 映射 this.count 為 store.state.count
computed:mapState(['count'])