$bus

src/views/header/index.vue

@@ -6,6 +6,7 @@
         :class="{ active: activeIndex === item.id }"
         v-for="item in tabList"
         :key="item.id"
+        @click="setActiveIndex(item.id)"
       >
         {{ item.label }}
       </div>
@@ -26,7 +27,14 @@ export default {
     };
   },
   mounted() {},
-  methods: {},
+  methods: {
+    setActiveIndex(id) {
+      if (this.activeIndex !== id) {
+        this.activeIndex = id;
+        this.$bus.emit("setActiveIndex", this.activeIndex);
+      }
+    },
+  },
 };
 </script>
 

src/views/home.vue

@@ -15,7 +15,13 @@ export default {
     return {};
   },
   mounted() {},
-  methods: {},
+  methods: {
+    receiveBUS() {
+      this.$bus.on("setActiveIndex", (val) => {
+        console.log("val===>", val);
+      });
+    },
+  },
 };
 </script>