vue-router文档

前几个月和现在学的东西（2016.12-2017.4） 　　 vue2.0 ——基本会用，还需再深入了解一些原理性的东西，在公司的一个简单页面上使用(最基础的数据绑定)并上线，自己也做了一个稍微有点交互的例子，并没有上线。从2017.1开始学习至今 　　 webpack ——基本会用。从3月份开始学习至今 　　 gulp ——基本熟悉，跟着官方文档走了一趟，感觉很好入手。学习了一天 　　 angular2.0 ——刚开始入门，理解不是很好，还不能使用。4月份开始，断断续续学了大概有一个多礼拜，觉得有难度，暂时放弃。 　　 velocity.js ——在学vue-css时，遇到的，正在了解学习，发现有些公司招聘会要求。4月27号开始 　　 CSS3 —— 在工作中掌握了一些，但还不够。 预想接下来2个月要学的（2017.5-2017.6） 　　 vue2.0+webpack 配合使用搭建项目，应该会涉及 Vuex，Vue-Router，ES6 。 　　 H5，CSS3 要详细了解，大部分公司都要求，目前并没有掌握，了解一些。 　　 JavaScript 是永远要学习提升的。 于2017-04-28记 来源： https://www.cnblogs.com/yueliangcl/p/6782042.html

一 Vue路由 https://router.vuejs.org/zh/installation.html Vue Router https://cn.vuejs.org/v2/guide/routing.html 官方路由 对于大多数单页面应用，都推荐使用官方支持的 vue-router 库。更多细节可以移步 vue-router 文档。 https://www.runoob.com/vue2/vue-routing.html 菜鸟路由 来源： https://www.cnblogs.com/lovershowtime/p/11668596.html

1. <router-link>标签实现新窗口打开： 官方文档中说 v-link 指令被 <router-link> 组件指令替代，且 <router-link> 不支持 target="_blank" 属性，如果需要打开一个新窗口必须要用<a>标签，但事实上vue2版本的 <router-link> 是支持 target="_blank" 属性的(tag="a")，如下： <router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">新页面打开home页</router-link> 2、编程式导航： 有些时候需要在单击事件或者在函数中实现页面跳转，那么可以借助router的示例方法，通过编写代码实现。我们常用的是 $router.push 和 $router.go 但是vue2.0以后，这种方式就不支持新窗口打开的属性了，这个时候就需要使用this.$router.resolve,如下： seeShare(){ let routeUrl = this.$router.resolve({ path: "/share", query: {id:96} }); window.open(routeUrl .href, '_blank'); } 当然了，你可以使用query，也可以使用params，具体请参见： https