vue2

vue/高阶/project2/src/App.vue

@@ -5,19 +5,25 @@
       <!-- replace -->
       <router-link push active-class="news" to="/home">首页</router-link>
       <router-link push active-class="news" to="/list">列表</router-link>
-      <router-link push
+      <router-link
+        push
         active-class="news"
         :to="{ name: 'shangpin', query: { names: '图图', id: 433 } }"
         >商品</router-link
       >
       <router-link push active-class="news" to="/my">我的</router-link>
     </div>
-    <router-view></router-view>
+    <keep-alive include="My">
+    <!-- <keep-alive exclude="My,Home"> -->
+    <!-- <keep-alive include="My,Home"> -->
+      <router-view></router-view>
+    </keep-alive>
   </div>
 </template>
 
 <script>
-export default {};
+export default {
+};
 </script>
 
 <style lang="scss" scoped>

vue/高阶/project2/src/views/Home.vue

@@ -5,7 +5,10 @@
 
 <script>
 export default {
-  
+  name:"Home",
+  created() {
+    console.log("首页")
+  }
 }
 </script>
 

vue/高阶/project2/src/views/My.vue

@@ -1,10 +1,27 @@
 <template>
-  <div class="my">我的</div>
+  <div class="my">
+    我的
+    <input type="text">
+  </div>
 </template>
 
 <script>
 export default {
-
+  name:"My",
+  mounted() {
+    console.log("你好1")
+  },
+  created() {
+    console.log("你好1111")
+  },
+  activated() {
+    console.log("进入时触发")
+    // 刷新列表 更新页面数据 回复滚动位置
+  },
+  deactivated() {
+    console.log("离开时触发")
+    // 清楚定时器 关闭弹窗 保留临时状态
+  }
 }
 </script>