computed: mapState([
? // 映射 this.count 為 store.state.count
? 'count'
])

...mapGetters({
? // 把 `this.doneCount` 映射為 `this.$store.getters.doneTodosCount`
? doneCount: 'doneTodosCount'
})

computed: {
? count() {
? ? return this.$store.state.count
? },
? name() {
? ? return this.$store.state.name
? },
? age() {
? ? return this.$store.getter.age
? },
? userInfo() {
? ? return this.$store.getter.userInfo
? }
}

// 在單獨(dú)構(gòu)建的版本中輔助函數(shù)為 Vuex.mapState
import { mapState } from 'vuex'
export default {
? computed: mapState({
??
? ? // 傳函數(shù)參數(shù)
? ? count: state => state.count, // 箭頭函數(shù)可使代碼更簡練 映射為this.count
? ? userCount: state => state => state.user.count, // 模塊化寫法 箭頭函數(shù)可使代碼更簡練 映射為this.userCount
? ??
? ? // 傳字符串參數(shù)
? ? userName: 'name', // name等同于state => state.name，不支持模塊化寫法 映射為this.userName
? ??
? ? // 需要使用this局部狀態(tài)，使用常規(guī)函數(shù)寫法
? ? age(state) { // 映射為this.age
? ? ? return state.age + this.age // 可與局部狀態(tài)組合
? ? }
? })
}

computed: mapState([
? 'count', // 映射 this.count 為 store.state.count
? 'name' // 映射 this.name為 store.state.name
])

computed: mapState('user', ['count', 'name']) // user 模塊名稱

computed: {
? ...mapState([
? ? 'count', // 映射 this.count 為 store.state.count
? ? 'name' // 映射 this.name為 store.state.name
? ]),
? // 局部組件計(jì)算屬性
? localComputed () {},
}

computed: {
? ...mapGetters([
? ? 'count', // 映射 this.count 為 store.getters.count
? ? 'name' // 映射 this.name為 store.getters.name
? ]),
? // 局部組件計(jì)算屬性
? localComputed () {},
}

...mapGetters('user', ['count', 'name']) // user 模塊名稱

this.$store.dispatch("test", "value")
this.$store.dispatch("user/test", "value") // user模塊化， 第二個(gè)參數(shù)為傳參

...mapActions([
? ? "test",
])
this.test('value')