代码提交

src/App.vue

@@ -0,0 +1,45 @@
+<template>
+  <div class="app">
+    <router-view />
+  </div>
+</template>
+<script setup lang="ts">
+import * as echarts from "echarts";
+import { provide, onBeforeMount } from "vue";
+provide("echarts", echarts);
+import { useStore } from "vuex";
+const store = useStore();
+
+// 子页面（https://child.com）
+window.addEventListener("message", (event) => {
+  console.log("🚀 ~ 传参了:");
+  // 2. 获取数据
+  const data = event.data;
+  if (data.username) {
+    // 调用token
+    window.sessionStorage.setItem("userInfo", JSON.stringify(data));
+    store.dispatch("loginAction", data);
+  }
+});
+
+// setTimeout(() => {
+store.dispatch("loginAction", {
+  username: "cdf",
+  password: "@#001njcnpqs",
+});
+// }, 100);
+onBeforeMount(() => {
+  window.sessionStorage.setItem("token", "");
+  console.log("销毁页面了");
+});
+</script>
+
+<style lang="less" scoped>
+@import "@/assets/scss/element.scss";
+.app {
+  width: 100vw;
+  height: 100vh;
+  background-color: #000;
+  overflow: hidden;
+}
+</style>