vue-router是vue.js的官方路由管理器。可以方便构建单页应用。这个方法的第一个参数是Vue构造器，第二个参数是一个可选的选择对象。提供自己的api，实现响应功能。// 执行install方法时，会把Vue传进来。// 保存构造函数在tvue-r

-- 导入路由模块，它依赖于vue.js -->. -- 4.在页面中放入router-view标签 -->. -- 这个标签是vue-router提供的 -->. -- 这个标签也是Vue-Router提供的，用于路由跳转,可以用tag

在上面这段代码中以:号开头的是动态路由参数,当使用路由参数时，例如从 /project/1 导航到 /project/2，原来的组件实例会被复用。因为两个路由都渲染同个组件，比起销毁再创建，复用则显得更加高效。不过，这也意味着组件的生命周期钩子不会再被调用

require 是 CommonJS, 运行时调用，理论上可以运用在代码的任何地方。import 是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法,编译时调用，必须放在文件开头。require 是赋值过程，其实require的结果就是对象

这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URL。当你点击<router-link>时，这个方法会在内部调用，所以说，点击<router-link :to="...&quo

<router-link :to="{path:‘/get‘,query:{userId:123,username:‘xia‘}}">get跳转</router-link>. <router-link :t

vue 路由的mode(模式)有几种， 分别是什么？在那些环境下运行？支持所有浏览器，包括不支持 HTML5 History Api 的浏览器。history: 依赖 HTML5 History API 和服务器配置。abstract: 支持所有 Java

即地址栏 URL 中的 # 符号。利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState() 方法。这两个方法应用于浏览器的历史记录栈，在当前已有的 back、forward、go 的基础之上

<router-link to='/home'></router-link> //你可以在template中使用它实现一个可点击跳转到home.vue的 a 标签。this.$router.push; //在methods方法中

实例化vue实例时初始化routerstore状态管理。触发router去渲染对应的组件，然后通过对组件组件的操作来完成状态的变更。

在开发 vue 项目的过程中遇到的需求是要把 api 接口前缀暴露在命令行，通过 npm run build apiUrl 即可修改接口入口，用于从 docker 部署到不同的测试服务器上，其次是路由模式的问题，部署到测试服务器上的需要是 history

给路由定义不同的名字，根据名字进行匹配 给不同的router-view定义名字，router-link通过名字进行对应组件的渲染。

就是通过写js代码来实现页面的跳转。首先我们来讲讲简单的，上面两个方法记住，等效的。Ok，到这里我们已经实现了编程式路由的跳转了，接下来我们来试试路由携带参数跳转并接受参数。a=123'}) 或者 $router.push这两种方式都可以。这个就随意提一下

path: '/',name: 'Entrance',component: Entrance,},name: 'modifyName',component: modifyName,},path: '/goodsDetail',name: 'goodsDet

最近vue更新的2.0版本，唉，我是在2.0版本前学习的，现在更新了又要看一遍了，关键是我之前看了3个星期2.0就更新了，vux还没同步更新，导致我用vux时要将vue的版本降回1.x，vue-router也要降回1.0才能使用~~~所以今天就写一个单页的

component: PageA // 子路由组件 例如，访问www.aaa.com/pageA 显示为PageA. 要实现页面前进后台动画，首先必须知道页面状态，我们可以通过改写router.Go方法记录回退状态，页面如果需要回退时，调用。}当new R

按照正常的产品逻辑，我们在进行页面切换时滚动条应该是在页面顶部的，可是。。。在使用vue-router进行页面切换时，发现滚动条所处的位置被自动记录了下来，且在另一个组件内定义的滚动监听事件仍会运行，着实吃了一大惊。。。

当做Vue-cli项目的时候需要在路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-router 提供的 beforeEach可以方便地实现全局导航守卫。组件内部的导航守卫函数使用相同，只是函数名称不同。钩子，早期编程可能有个概念叫句柄