Question

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

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

更新：

例如，这是页面。

登录页面，这是一个与Vue无关的vanilla html页面：

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

基于Vue的仪表板页面中的main.js文件：

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

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

任何建议都将不胜感激。我对Vue很新。感谢。

Answer 1

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

对于GET参数，这些参数显示在URL中，因此可以由您的Vue应用（或任何JS脚本）访问。

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