Javascript 带后退按钮的Vue.js路由

我已经使用了这个Vue.js路由示例应用程序

https://github.com/chrisvfritz/vue-2.0-simple-routing-example

在

src/main.js中
我有这么多的数据价值

const app = new Vue({
  el: '#app',
  data: {
    currentRoute: window.location.pathname,
    token : "",
    errorMessage : '', etc...etc..
  },

现在使用socket.io，我将令牌设置为
“sdawdda2da2ad22ad”

当应用程序启动时，当前路由等于
“/”
好的，第一页已经加载<代码>src/routes.js

'/': 'Home',
'/about': 'About'

当我想检查/about（url:

localhost:8080/about

）时，它工作正常，但是令牌和错误消息再次为空，因为应用程序再次创建

如果我想在不丢失令牌值的情况下更改页面，我可以使用：

this.currentRoute = "/about"       (url: localhost:8080)

它的作品很好，但网址不会改变，所以我不能使用浏览器中的后退按钮。 如果我不想在浏览器转到/关于时丢失令牌值，如何分离我的Vue应用程序

---

非常感谢

当您从

主页

路线移动到

关于

路线时，您需要使用

导航

从

主页

页面，您可以导航到

关于

页面，如下所示：

<router-link to="/about">Go to my About Page</router-link>

转到我的关于页面

生成常规html锚定标记

记住在主应用程序中为路线设置一个占位符，如下所示：
。当您更改路由时，您的
Home
和
About
组件将呈现在此
路由器视图中。
您可以执行类似
的操作。$router.go（-1）
或
vm.$router.go（-1）
继续
此。$router.go（1）
有关更多信息，请不要使用该示例。。。使用官方的Vue路由器库谢谢，非常感谢，我会试试这个。但这对我来说很难，因为我不擅长前端技术。但我尝试了：）如果我按照你的方法，上一页中出现的道具将设置为空。在路由到上一页时，是否有办法保持prop值。@beingyogi:我只需将prop值存储在
localStorage
中，然后导航到另一页，并在
mounted（）
事件中重新加载它们。这也适用于浏览器自己的后退按钮。