初始化仓库备份

src/views/menu/menu1/menu11/index.vue

@@ -0,0 +1,12 @@
+<template>
+	<div class="layout-pd">
+		<el-input v-model="val" placeholder="menu11：请输入内容测试路由缓存"></el-input>
+	</div>
+</template>
+
+<script setup lang="ts" name="menu11">
+import { ref } from 'vue';
+
+// 定义变量内容
+const val = ref('');
+</script>

src/views/menu/menu1/menu12/menu121/index.vue

@@ -0,0 +1,12 @@
+<template>
+	<div class="layout-pd">
+		<el-input v-model="val" placeholder="menu121：请输入内容测试路由缓存"></el-input>
+	</div>
+</template>
+
+<script setup lang="ts" name="menu121">
+import { ref } from 'vue';
+
+// 定义变量内容
+const val = ref('');
+</script>

src/views/menu/menu1/menu12/menu122/index.vue

@@ -0,0 +1,12 @@
+<template>
+	<div class="layout-pd">
+		<el-input v-model="val" placeholder="menu122：请输入内容测试路由缓存"></el-input>
+	</div>
+</template>
+
+<script setup lang="ts" name="menu122">
+import { ref } from 'vue';
+
+// 定义变量内容
+const val = ref('');
+</script>

src/views/menu/menu1/menu13/index.vue

@@ -0,0 +1,21 @@
+<template>
+	<div class="layout-pd">
+		<el-input v-model="val" placeholder="menu13：请输入内容测试路由缓存"></el-input>
+	</div>
+</template>
+
+<script setup lang="ts" name="menu13">
+import { ref, onActivated, onMounted } from 'vue';
+
+// 定义变量内容
+const val = ref('');
+
+// 页面加载时
+onMounted(() => {
+	console.log(2222);
+});
+// keep-alive 钩子函数，页面进入时
+onActivated(() => {
+	console.log(1111);
+});
+</script>

src/views/menu/menu2/index.vue

@@ -0,0 +1,12 @@
+<template>
+	<div class="layout-pd">
+		<el-input v-model="val" placeholder="menu2：请输入内容测试路由缓存"></el-input>
+	</div>
+</template>
+
+<script setup lang="ts" name="menu2">
+import { ref } from 'vue';
+
+// 定义变量内容
+const val = ref('');
+</script>