使用解析2

go(-1): 原页面表单中的内容会丢失；
this.$router.go(-1)：后退+刷新；
this.$router.go(0)：刷新；
this.$router.go(1) ：前进
back(): 原页表表单中的内容会保留；
this.$router.back():后退 ；
this.$router.back(0) 刷新；
this.$router.back(1)：前进
                    使用解析1开发中遇到返回上一页的需求，有两个方法可选：1.$router.back()2.$router.go()在使用中发现，使用router.back()和router.back()和router.back()和router.go(-1)作用相同，都是返回原页面。但如果原页面路由携带参数，使用以上两个方法返回的原页面路由参数消失，此时使用$router.back(-1)返回原页面路由参数仍存在。使用解析2go(-1): 原页面表单中的内容会丢失；this.$router.go(-1)：后退
				
在项目需求中，我们常常需要使用$router.go(-1)返回之前的页面，但是却发现，之前的界面，保持着上次跳转的状态，比如说：弹框未关闭之类的等等，。。。。。
问题如下：
界面1 ：
界面2使用$router.go(-1)返回上一次的界面
由于使用$router.go(-1)返回，导致之前的数据都保留，并未刷新原来的界面，如下：还是显示跳转前的弹框
解决方法1：
不要使用$router.go(-1)，而是使用$router.push(‘某某某’),但是其实这种方法是不合理的，因为你可能跳转的页面是很多页面都可能跳转的，所以如果直接使用$router.push(‘某某某’),虽然可以解决
2. $router.go()
使用$router.back()和$router.go(-1)作用相同，都是返回原页面，但如果原页面路由携带参数，使用以上两个方式返回的原页面路由参数消失，此时使用$router.back(-1)返回原页面路由，参数仍存在。
go(-1):原页面表单中的内容会丢失；
this.$router.go(-1):后退+刷新；
this.$router.go(0):刷新；
this.$router.go(1):前
				
使用路由进行页面前进时，路由会向 history 栈添加一个新的记录，所以，当用户点击$router.back()后退按钮时，则回到之前的 URL。
路由中设置：
{ path: '/shop', component: Shop ,
      children:
        {path: 'goods', component: ShopGoods}，
        {path: 'info', component: ShopGoods}
如果先在子路由中来回点
				
每个页面的左上角有一个返回按钮<
点击时的代码是this.$router.back(-1)，返回上一个路由
但是用户点开其中一页，用户打开时并没有上一条路由的历史记录，所以点击<按钮时没有反应。
所以应该怎么判断有没有上一条路由的历史记录。
1.在页面一开始加上一个全局的函数：
activated: function () {
      this.$setgoindex()
				
对于大多数单页面应用，都推荐使用官方支持的 vue-router 库。更多细节可以移步 vue-router文档 。
跳转方式一：声明式导航router-link
<router-link :to="需要跳转到的页面的路径">  
<router-link :to="home">//路由链接
<!--或<router-link :to="{name:'home'}">-->  
<!--或<router-link :to="{path:'/hom
				
写在前面：
传参是前端经常需要用的一个操作，很多场景都会需要用到上个页面的参数，本文将会详细介绍vue router 是如何进行传参的，以及一些小细节问题。有需要的朋友可以做一下参考，喜欢的可以点波赞，或者关注一下，希望可以帮到大家。
Vue router如何传参
params、query是什么？
params：/router1/:id ，/router1/123，/router1/789 ,这里的id叫做params
query：/router1?id=123 ,/router1?id=456 ,这里的id叫做query。
路由界面：
router.js:
路由设置这里，当你使用params
路由配置就不讲了重点，给VueRoute添加一个goBack方法，用于记录路由的前进后退状态
this.isBack = true VueRouter.prototype.goBack = function () {
　　this.isBack = true
　　window.history.go(-1)
二丶监听路由变化（在路由变化时判断此时的路由状态是前进还是后退）
<template>
　　　　动态绑定路由动画，根据路由状态的不同绑定不同的路由动画分别为 ：‘slide-left' 和 'slide-right'
通过B站视频和一些童鞋的文章结合GitHub源码阅读来理解路由的实现原理
看过前章vuex状态管理的分享之后，相信对路由这块也是非常感兴趣的，同样的模式，同样的方式，我们走进GitHub之vue-router
同样直接走进 src
components：route-link 组件 和 router-view 组件 实现
history：关于浏览器相关，包含  hash模式 , basic模式 ，html5模式 以及非浏览器模式以及go 、push 、replace 、back 等各自的处理方法
util：不用多说，各种工具方法
create-mathcher： 这个就比较重要的了，创建
 :dragon: 在vue-router上扩展后，原始导航逻辑保持不变
 :soccer_ball: 当页面通过push或forward重新呈现时，新呈现的页面将被添加到Stack中。
 :trophy: 当back或go(negative number) ，不会重新呈现先前的页面，而是从堆栈中读取它们，并且这些页面保留先前的内容状态，例如表单内容，滚动条的位置
 :american_football: back或back go (negative)将从堆栈中删除未使用的页面
 :graduation_cap: replace将更新堆栈中的当前页面
 :party_popper: 回滚到上一页时激活的挂
				
Vue.js的this.$router.push方法是用来进行路由跳转的，其中可以配置路由参数params。但是有时候使用this.$router.push方法传递参数时，出现获取不到params参数的问题。
首先需要确认在路由配置中是否定义了对应的参数，例如：
  path: '/user/:id',
  component: User
以上路由中的:id即为参数，可以通过$route.params.id来获取。
如果已经定义了参数，那么再检查一下使用this.$router.push方法跳转时是否传递了对应的参数，例如：
this.$router.push({ path: '/user/' + userId })
其中userId即为传递的参数，如果在使用this.$router.push方法时没有传递参数，那么会导致$route.params获取不到参数值。
如果以上两个步骤都没有问题，那么需要考虑是否使用了异步加载组件的方式，并且在组件中使用了$route.params参数。由于异步加载组件的特殊性，在此种情况下可能会导致$route.params获取不到参数值的问题。解决方法是使用$route.currentRoute.params来替代$route.params参数。
总而言之，获取不到params参数的问题可能有多种原因，需要仔细检查路由配置、参数传递和组件异步加载等方面，才能找到解决方法。