diff --git a/src/App.vue b/src/App.vue
index c9b660b9afb4316ca767dc5aa3f57afffa0f6377..98ce5f977f921c8294110c6df8c4380c0c24fb57 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,32 +3,22 @@
     <h1>App 根组件</h1>
     <hr />
 
-    <button @click="currentComponent = 'Left'">展示左组件</button>
-    <button @click="currentComponent = 'Right'">展示右组件</button>
-    <div class="box">
-      <!-- 渲染 Left 组件和 Right 组件 -->
-     
-      <KeepAlive exclude="myRight">
-
-        <component :is="currentComponent"></component>
-      </KeepAlive>
 
+    <div class="box">
+      <Left>
+        <p> 内容会被丢弃 </p>
+      </Left>
     </div>
   </div>
 </template>
 
 <script>
-import Left from './components/Left.vue';
-import Right from './components/Right.vue';
+import Left from './components/Left.vue'
+
 export default {
-  data() {
-    return {
-      currentComponent: '',
-    }
-  },
+
   components: {
     Left,
-    Right
   }
 }
 </script>
diff --git a/src/components/Left.vue b/src/components/Left.vue
index 393d407896b6f2256015526b96815cc53e68f03a..e5e6eeae9b5fcb4b34433e2ecd6b32f8ccc14748 100644
--- a/src/components/Left.vue
+++ b/src/components/Left.vue
@@ -2,9 +2,7 @@
   <div class="left-container">
     <h3>Left 组件</h3>
 
-    <p>计数器的值为:  {{ count }}</p>
-    <button @click="count+=1">+1</button>
-    
+    <slot></slot>
   </div>
 </template>
 
@@ -15,7 +13,7 @@ export default {
       count:0,
     }
   },
-  name:'myLeft',
+  name:'MyLeft',
 
 }
 </script>
diff --git a/src/components/Right.vue b/src/components/Right.vue
index d05cb0af244df6b3b35bcb882435d44615bef556..388401c1d270b19e0b4c7fc009e3fec93b82a78c 100644
--- a/src/components/Right.vue
+++ b/src/components/Right.vue
@@ -6,7 +6,7 @@
 
 <script>
 export default {
-  name:'myRight'
+  name:'MyRight'
 }
 </script>