在setup中使用mapGetters

首先在hoos下生成一个useGetters.js文件

import { computed } from "vue";
import { mapGetters, useStore } from "vuex";


export function useGetters(mapper) {
    // 拿到store对象
    const store = useStore()

    // 获取到对应的对象的functions:{name:function,age:function}
    const storeStateFns = mapGetters(mapper)

    // 对数据进行转换
    const storeState = {}
    Object.keys(storeStateFns).forEach(fnkey => {
        const fn = storeStateFns[fnkey].bind({ $store: store });
        storeState[fnkey] = computed(fn)
    })

    return storeState
}

组件中使用

先引入：

import { useGetters } from '../hooks/useGetters';

setup中：

 setup(){

            const storeGetters=useGetters(["nameInfo","ageInfo",]);

            return{
                ...storeGetters
            }

       }