5.16

src/App.vue

@@ -0,0 +1,25 @@
+<template>
+  <router-view v-if="isRouterAlive"></router-view>
+</template>
+
+<script setup>
+import { onMounted, ref, nextTick, provide } from "vue";
+import { useStore } from "vuex";
+// 局部组件刷新
+const isRouterAlive = ref(true);
+const globalStore = useStore();
+const reload = () => {
+  isRouterAlive.value = false;
+  nextTick(() => {
+    isRouterAlive.value = true;
+    console.log("数据刷新成功");
+  });
+};
+
+provide("reload", reload);
+onMounted(() => {
+  globalStore.dispatch("user/changeThem", "#4060c7");
+});
+</script>
+
+<style scoped lang="scss"></style>