vue3 computed使用vuex里面的数据

<template>
<arc-menu-group v-for="menu in permissionTree" :key="menu.id" :menu="menu" />
</template>
<script setup>
import { computed } from "vue";
const permissionTree = computed(() => {
  return store.state.permissionTree;
});
const handleChange = () => {
  activeNames = permissionTree.value.map((it) => it.fullPermissionCode);
};

permissionTree 不需要使用ref或者reactive重新声明
Vue 的计算属性会自动追踪响应式依赖，当vuex中的permissionTree发生变化时候，任何依赖于 permissionTree 的绑定都会同时更新。