vue中利用a标签进行页面跳转，怎样做才能跳转呢
方法一：
方法二：
jump(){
this.$router.push({
名称：“跳跃”
})
}
高级信息VueRouting有两种不同的模式
哈希模式（默认模式）
使用URL哈希来模拟完整的URL，因此当URL更改时，页面不会重新加载。
历史模式
历史模式是基于最新HTML5中历史相关API的一些操作。
不过想要玩好这个模式，还需要后台配置支持，否则会出现404页面未找到之类的问题。
在历史模式下，重定向会出现一些问题，并且页面名称必须是index.html。
历史记录模式仅兼容IE10及以上版本。
vuerouter跳转
如何跳转vuerouter？不知道的小伙伴来看看今天小编的分享，使用vue-router导航页面有3种方式。方法一：router.push()方法二：router.replace()方法三：router.go(n)router.push()跳转到指定的url路径，并将记录添加到记录栈中。
虽然上一页router.push({path,params})router.replace()跳转到指定的url路径。
按return会跳转到上一页（直接替换当前页面），与Pushroutergo(n)向前或向后跳转n页相同；n可以是正数或负数。
扩展信息：什么是vue-router？vue-router是一个WebApp的链接路径管理系统。
vue-router是Vue.js的官方路由插件，它与vue.js深度集成，适合构建单页面应用程序。
Vue的单页面应用程序使用路由和基于组件的路由。
传统的页面应用通过一些超链接来实现页面的转换和跳转。
在vue-router单页应用中；它改变了零件；即路径之间的切换。
路由模块的本质是建立URL和页面之间的映射关系。
今天由上述编辑分享希望对大家有所帮助。
vue实现返回记住滚动位置(vue返回上一页记住位置)
Vue实现返回上一页且页面保持原来位置不刷新需要刷新时使用EventBus刷新列表。
keep-alive组件keep-alive是Vue提供的一个抽象组件，用于缓存组件以节省性能，由于是抽象组件，因此页面渲染后不会渲染为DOM元素。
下单时，我们提交订单确认订单，但又退回并重新下单。
目前，我们无法在退货时进行更新，因此订单和订单确认最好在同一页面上。
如果使用mui的单页面，可能页面太多，操作不方便。
再加上界面等等，太多了。
如果你使用的是vue-router，this.$router.go(-1)可以返回上一页。
History.go(-1)返回浏览器中的上一页。
Vue滚动条记录滚动位置的示例代码
记录切换到其他页面之前的位置，并在返回列表页面时返回位置。
Vue图像水平滚动滚动条，突出显示滚动位置，可以使用Vue的v-scroll指令来实现。
v-scroll指令可以接受一个参数来指定滚动条的突出显示位置。
例如：其中index参数用于指定滚动条的高亮位置，可以是数字，也可以是字符串。
当用户访问某个页面时，当前条目将被添加到历史堆栈中。
页面级操作可以通过提供内置对象历史记录来满足某些需求。
keep-alive是Vue中的内置组件，可以在组件切换时将状态保持在内存中，防止DOM重新渲染。
从明细1返回列表时，正常进入其他页面，返回，列表数据更新，进入明细2，返回列表找到从明细1进入明细1时的位置列表，而不是输入详细信息之前的位置2.
keep-alive组件keep-alive是Vue提供的一个抽象组件，用于缓存组件以节省性能由于是抽象组件，所以不会页面渲染后渲染。
一个DOM元素。
在H5移动页面，列表页点击跳转到详情页，然后按浏览器返回键返回列表页。
您必须保持防滚杆的原始位置。
在Vue中，我们有时需要实现这样的场景：从搜索页面到列表页面，需要刷新重新获取数据。
从详情页返回列表页需要记住上次的浏览状态。
列表页进入详情页，或切换标签页，然后返回列表页。
我希望切换到之前的滚动位置。
解决思路：记录切换其他页面前的位置，返回列表页时返回该位置。
如果使用vue-router，this.$router.go(-1)可能会返回上一页。
History.go(-1)返回浏览器中的上一页。
那么，当你遇到问题时，你必须做的第一件事是什么？百度一下，看看思路。
思路比较清晰，尤其是Vue，似乎是和Vuex一起诞生的。
总体思路是在离开页面时保存位置，仅在返回界面时滚动到该位置。
网上的答案是这样的。
当然，有些页面不需要缓存，需要进行一些处理。
这里就不详细说了，因为大家大概知道（不知道百度一下……）。
EventBus（事件总线）EventBus用于实现组件之间的数据通信，非常容易使用。
如果想在vue窗格跳转后滚动到指定位置，只需要调用内置方法（scrollBehavior）即可。
Vue路由跳转方式总结
Vue中，路由跳转方法主要分为四种：路由链接标签跳转、this.$route.push()函数调用、this.$router.replace()函数调用、this.$router.go(n)方法调用。下面将详细讨论这四种跳跃模式。
1.跳过route-link标签1.当使用不带参数的路由时，可以跳过使用name或path属性。
建议将其作为属性名称。
注意：当路由路径中的链接以“/”开头时，表示从根路径跳转；2.使用参数，可以使用参数或者查询来传递参数。
paramspass与request类似，需要共享配置来包含动态路径参数（如path:"/home/:id"或path:"/home:id"）；参数将显示在页面URL后面。
HTML参数可以通过$route.query或者this.$route.query获取；参数可以通过this.$route.params或this.$route.query获取。
区别：query和parameter参数与get请求类似。
跳转后的URL中会显示参数，适合传输非大参数。
跳转后的URL中不会显示参数，页面刷新后参数保持不变。
2.this.$router.push()函数调用1.使用不带参数的this.$router.push('/home')或this.$router.push({name:'home'})来制作跳转路由。
2、查询参数使用this.$route.push({name:'home',query:{id:'1'}})或this.$route.push({path:'/home',query:{id:'1'})跳转。
获取参数的方法与路由路径相同。
3.使用this.$path.replace()函数调用与this.$path.push()类似。
上一页，相当于本页，直接恢复。
4.this.$router.go(n)方法调用该方法向前或向后跳转n页，如果n是正整数或负整数。
例如：this.$route.go(0)代表当前页面，this.$route.go(-1)代表上一页，this.$router.go(1)代表下一页。
区别：你会按住跳转到特定的URL路径，并将记录添加到历史堆栈中转到上一页，直接替换当前页面。
最后，关于Vue的强制转换配置和被动加载，可以使用webpackChunkName属性将组件分组为一组，例如：constIndex=()=>import('@/components/index')通过指定相同的webpackChunkName属性，组件将有多个可以加入的块部分
