初始化项目

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

@@ -0,0 +1,21 @@
+<template>
+	<div>
+		<el-input v-model="val" placeholder="menu11：请输入内容测试路由缓存"></el-input>
+	</div>
+</template>
+
+<script lang="ts">
+import { toRefs, reactive, defineComponent } from 'vue';
+
+export default defineComponent({
+	name: 'menu11',
+	setup() {
+		const state = reactive({
+			val: '',
+		});
+		return {
+			...toRefs(state),
+		};
+	},
+});
+</script>

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

@@ -0,0 +1,21 @@
+<template>
+	<div>
+		<el-input v-model="val" placeholder="menu121：请输入内容测试路由缓存"></el-input>
+	</div>
+</template>
+
+<script lang="ts">
+import { toRefs, reactive, defineComponent } from 'vue';
+
+export default defineComponent({
+	name: 'menu121',
+	setup() {
+		const state = reactive({
+			val: '',
+		});
+		return {
+			...toRefs(state),
+		};
+	},
+});
+</script>

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

@@ -0,0 +1,21 @@
+<template>
+	<div>
+		<el-input v-model="val" placeholder="menu122：请输入内容测试路由缓存"></el-input>
+	</div>
+</template>
+
+<script lang="ts">
+import { toRefs, reactive, defineComponent } from 'vue';
+
+export default defineComponent({
+	name: 'menu122',
+	setup() {
+		const state = reactive({
+			val: '',
+		});
+		return {
+			...toRefs(state),
+		};
+	},
+});
+</script>

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

@@ -0,0 +1,27 @@
+<template>
+	<div>
+		<el-input v-model="val" placeholder="menu13：请输入内容测试路由缓存"></el-input>
+	</div>
+</template>
+
+<script lang="ts">
+import { toRefs, reactive, onActivated, onMounted, defineComponent } from 'vue';
+
+export default defineComponent({
+	name: 'menu13',
+	setup() {
+		const state = reactive({
+			val: '',
+		});
+		onMounted(() => {
+			console.log(2222);
+		});
+		onActivated(() => {
+			console.log(1111);
+		});
+		return {
+			...toRefs(state),
+		};
+	},
+});
+</script>

src/views/menu/menu2/index.vue

@@ -0,0 +1,21 @@
+<template>
+	<div>
+		<el-input v-model="val" placeholder="menu2：请输入内容测试路由缓存"></el-input>
+	</div>
+</template>
+
+<script lang="ts">
+import { toRefs, reactive, defineComponent } from 'vue';
+
+export default defineComponent({
+	name: 'menu2',
+	setup() {
+		const state = reactive({
+			val: '',
+		});
+		return {
+			...toRefs(state),
+		};
+	},
+});
+</script>