小结放在前：先祝大家新年快乐！鸡年大吉大利！在新的一年里大家都有跳跃般的成长！作为新年的第一篇文章，就拿他来给大家拜个年！！！文章前部份讲解了vue-router路由的配置，后半部分为去年的文章vue.js快速入门添加了两个知识点 props 和 $emit 组件间的通信，希望大家看完有所 ...

vue有组件vue-router，可以实现页面跳转，有两种方式实现。 1、使用vue-router标签，其中target属性指定页面打开方式（当前页或新标签页） 2、使用函数实现页面跳转（编程式导航） 此方法无法实现在新标签页打开页面，可用window对象 ...

1.router.push() 跳转指定url路径，并向history栈中添加一个记录，点击后退会返回到上一个页面。 2.router.replace() 跳转指定url路径，但是history栈中不会有记录，点击返回会跳转到上上个页面 ，直接替换了当前页面，传参跟push一样 ...

使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。 官方文档： https://router.vuejs.org/zh-cn/essentials/getting-started.html ...

定义路由的时候可以配置 meta 字段： 那么如何访问这个 meta 字段呢？ 首先，我们称呼 routes 配置中的每个路由对象为 路由记录。路由记录可以是嵌套的，因此，当一个路由 ...

情景： IE11浏览器中，在进行正常页面跳转操作后（页面A跳转到页面B），点击浏览器的左上角的‘后退’按钮，点击后，可以看到url地址已经发生了变化（url由页面B变为页面A），hash值也已经是上一页的路由，但是浏览器显示的内容却没有发生变化（依旧是页面B）。若将url在一个新的选项卡中 ...

加上： 每次点击都会刷新页面啦 ...

直接看效果图： 代码地址：https://github.com/YalongYan/vue-router-jump ...