Router是Vue-router的定义，在面向对象的思想中可以理解为Router类。Router实例是指通过new Router()方法实例化的一个Router实例对象。路由对象是不可变的，每次成功的导航后都会产生一个新的对象。Vue-router官方文

路由就是用来跟后端服务器进行交互的一种方式，通过不同的路径，来请求不同的资源，请求不同的页面是路由的其中一种功能。vue-router是vue.js官方路由管理器。vue的单页应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。

Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。Vue 提供了内置的过渡封装组件，该组件用于包裹要实现过渡效果的组件。-- 每次点击改变show的值，实现切换-->. v-enter-active：定义进入过渡生效时的状态

Vue-router就是WebApp的链接路径管理系统。vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的，适合用于构建单页面应用。后面 hash 值的变化，并不会导致浏览器向服务器发出请求，浏览器不发出请求，也就不会刷新页面。

对于大多数单页面应用，都推荐使用官方支持的vue-router 库。更多细节可以移步vue-router 文档。对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源，这个对应关系就是后端中的路由。在 vue-cli 的项目目

为了更加方便的表示路由的路径，可以给路由规则起一个别名， 即为“命名路由”。<router-link :to="{ name: 'user', params: { id: 123 }}">User</router-li

Vue Router是Vue官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。vue-router默认 hash 模式，还有一种是history模式。hash模式的工作原理是hashchange事件，可以在window监听

<router-link :to="{name:‘children‘,params:{id:msg}}">切换咯</router-link>. 这样你便可以将参数转换成另一种类型，将静态值与基于路由的值结合等等

首先抛出这样一个问题，vue-router是用来做什么的？这里不着急回答，也不准备在这篇文章里回答。这篇文章仅总结一些使用心得，其实总结完所有关于vue-router的内容后，整篇文章也许就刚好能回答这个问题了。这显然不是单页应用，因为会有页面刷新。当要把

　　前端路由主要是使用Hash 进行路由切换的，不会刷新页面，类似于页面中的锚链接，只是在单页面中进行切换，并不会向后端发送请求。-- 使用router-link 代替原本的a链接 tag表示最终渲染成的标签 同时具备了点击切换组件的功能 -->.

　　路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。这就要在js 文件中配置路由。　　路由中有三个基本的概念 route, routes, rout

我们在使用Vue-Router插件时，需要先去安装vue-router插件。下面将介绍几种安装方式的详解。直接安装即直接将JS库文件通过<script>标签的src进行直接引入。NPM安装在使用npm安装vue-router时，需要先去安装no