时间戳

首页 > 解决方案 > 将数据传递给 Vue 应用程序

vue.js - 将数据传递给 Vue 应用程序

问题描述

我有两个页面：一个登录页面和一个基于 Vue 的仪表板页面。单击登录页面上的提交按钮时，它会重定向到仪表板页面。这只是一个典型的登录场景。

现在我想将登录页面上输入的一些数据传递给仪表板页面，比如用户名等。典型的做法是什么？也许可以在实例化 Vue 实例时传递 main.js 中的数据，但我不知道如何将数据传递给 main.js。

更新：

例如，这里是页面。

登录页面，它只是一个与 Vue 无关的普通 html 页面：

<input id="userName"/>
<a href="dashboard.html"></a>

基于 Vue 的 Dashboard 页面中的 main.js 文件：

new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: {
    App
  }
})

如何将登录页面中输入的用户名传递给 Vue 实例？

任何意见，将不胜感激。我对 Vue 很陌生。谢谢。

标签： vue.js

解决方案

据我了解，Vue 是一个客户端 Javascript 应用程序。

对于 GET 参数，它们出现在 URL 中，因此可以由您的 Vue 应用程序（或任何 JS 脚本）访问。

POST 参数仅在服务器端处理。JS/Vue 应用程序无法访问它们。您必须考虑另一种让应用程序可以访问参数的方法，例如设置 cookie、sessionStorage 等。

参考：如何使用javascript读取post请求参数

推荐阅读