Vue3经常在组合API中使用vuex的映射状态和映射获取器。 每次检索都很麻烦,所以封装,支持模块命名,一键即可轻松使用
主要实现函数: useMapper.js
导入{ computed } from ' vue ' import { usestore } from ' vuex '//mapstate和mapgettersexportdefaultfunction (map fn ) conststore=usestore (conststoregettersfns=map fn ) data ) conststoregetterere object.keys ) storegetterss.foreach (fn key={ const fn=storegettersfns [ fn key ].bind ({ $ store : store } ) store
useGetters.js
导入{地图获取器, createnamespacedhelpers } from ' vuex ' importusemapperfrom './use mapper ' exportdefaultfunction (getters ) letmapfn=mapper
导入{ map state, createnamespacedhelpers } from ' vuex ' importusemapperfrom './use mapper ' exportdefaultfunction (name States ) letmapfn=
importusestatefrom ' ./hooks/usemap state ' importusegettersfrom ' ./hooks/use getters ' export default { setup } { cond }
importusestatefrom ' ./hooks/usemap state ' importusegettersfrom ' ./hooks/use getters ' export default { setup } { cond }