（已解决）vue中如何进行不同页面数据传输和token下发添加到其他页面，meta如何使用

推荐使用vuex状态管理

但是我没学，可以使用query函数和meta路由跳转携带

---

登录页面中点击事件跳转到index页面：

使用query函数携带token传到router meta

router.push({
              path: "/index",
              query: { token: { token } },
            });
          }

---

路由接收到meta，并且赋值到token

{
    path: '/index',
    name: 'index',
    component: () => import('../views/tlias/IndexView.vue'),
    meta: { token: null } // 在这里存储token
  },

---

在index页面使用es6语法接收数据，并打印token

// console.log(this.$route.query.token); // 输出 "your-token-value"
    // 从路由的meta字段中获取token的值
    const token = this.$route.query.token;
    // 将token存储到组件的data属性中
    this.token = token;
    console.log(token.token); // 输出 "your-token-value"
    console.log(123);
    console.log(jwtDecode(token.token));
    const decode = jwtDecode(token.token); // 解析JWT获取内部数据
    // 将token的用户信息存储到组件的data属性中
    this.decode = decode;