web-dev-qa-db-ja.com

vuex 4とVue 3で `mapacitions`または` mapgetters`を使用してください

誰もがmapState関数でVue 3を使用してmapGettersまたはsetupを使用する方法を知っていますか？ useStoreフックでストアを使用することが可能ですが、このフックでmapStateまたはmapGettersですべてのストアをインポートします。moduleを指定できます。

// ...

computed: {
   ...mapGetters('myModule', [
      'myStateVariable'
   ]
) 

//...
javascriptvue.jsvuexvuejs3
7
Adri HM

おそらくこのようなもの：

import { computed }  from 'vue';
import { useStore } from 'vuex';

const module = 'myModule';

export default {
    setup() {
        const store = useStore();

        return {
            // getter
            one: computed(() => store.getters[`${module}/myStateVariable`],

            // state
            two: computed(() => store.state[module].myStateVariable,
        };
    },
};
 _
1
Matt Deacalion