Vue3.2 setup ts 下结合mapState mapActions mapGetters mapMutations 使用

最新推荐文章于 2024-07-07 21:39:35 发布

massive688

最新推荐文章于 2024-07-07 21:39:35 发布

阅读量1.5k

点赞数 2

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/massive688/article/details/115058024

版权

废话不多说，直接上代码


<script setup lang="ts">
import { computed } from "vue";
import { mapActions, mapGetters, mapMutations, mapState, useStore } from "vuex";

const store = useStore();
//computed属性结合mapState、mapGetters 
const [abc, list] = Object.values(mapState("user", [ "abc", "list"])).map(it=>computed(it.bind({$store:store}))) 
const [getList] = Object.values(mapGetters("user", [ "getList"])).map(it=>computed(it.bind({$store:store}))) 

//不做处理则直接返回bind对应的store方法 mapMutations mapActions 
const [incre] = Object.values(mapMutations("user", [ "incre"])).map(it=>(it.bind({$store:store}))) 
const [decre, getUser] = Object.values(mapActions("user", [ "decre","getUser"])).map(it=>it.bind({$store:store}))
<script>