简单说说如何使用vue-router插件的方法
1、用 Vue.js + VueRouter 创建单页应用，是非常简单的。
2、beforeRouteLeave ：路由组件的组件离开路由前钩子，可取消路由离开。beforeEach ： 路由全局前置守卫，可用于登录验证、全局路由loading等。beforeEnter ： 路由独享守卫 beforeRouteEnter ： 路由的组件进入路由前钩子。
3、Vue 插件是对 Vue 全局功能的扩展，他可以给 Vue 添加全局方法、属性、组件、过滤器、指令等等。通过全局方法 Vue.use () 使用插件。
4、这次给大家带来如何使用Vue.js中router传参，使用Vue.js中router传参的注意事项有哪些，下面就是实战案例，一起来看一下。
vue-router传递参数的几种方式实例详解
用name传递参数 前两节课一直出现name的选项，但是我们都没有讲，这节课我们讲name的一种作用，传递参数。接着上节课的程序继续编写。
路由传参数。在很多时候我们需要路由上面传递参数，比如新闻列表页，我们需要传递新闻ID，给新闻详细页。
方案一：实现：在组件two中点击时会将点击的城市名传递到city组件中 路由配置如下 city组件以及接收传来的参数的方式 效果 点击聊城，在跳转到city组件之后，将聊城这个参数也传递了过来。
方案一，需要对应路由配置如下：{ path： /describe/：id，name： Describe，component： Describe} 很显然，需要在path中添加/：id来对应 $router.push 中path携带的参数。在子组件中可以使用来获取传递的参数值。
讲解vue-router之什么是编程式路由
1、Vue路由就是指vue-router，其中router是指根据url分配到对应的处理程序，所以说路由就是用来解析URL以及调用对应的控制器并返回从视图对象中提取好的网页代码给web服务器，最终返回给客户端。
2、再通俗的说，vue-router就是WebApp的链接路径管理系统。vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。
3、vue-router传递参数分为两大类 编程式的导航 router.push 声明式的导航 router-link编程式的导航 router.push编程式导航传递参数有两种类型：字符串、对象。
4、Vue.js路由需要载入vue-router 库但是使用路由时，url也是随着改变的，用户浏览到一个网页时可以直接复制或收藏当前页的url给别人，这种方式对于搜索引擎和用户来说都是友好的。
vue路由是什么意思
Vue路由就是指vue-router，其中router是指根据url分配到对应的处理程序，所以说路由就是用来解析URL以及调用对应的控制器并返回从视图对象中提取好的网页代码给web服务器，最终返回给客户端。
路由是指路由器从一个接口上收到数据包，根据数据包的目的地址进行定向并转发到另一个接口的过程。Vue.js路由允许我们通过不同的URL访问不同的内容。
再通俗的说，vue-router就是WebApp的链接路径管理系统。vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。
Vue Router的核心是，通过Vue.use注册插件，在插件的install方法中获取用户配置的router对象。当浏览器地址发生变化的时候，根据router对象匹配相应的路由，获取组件，然后把组件渲染在视图上。
vue3实践---路由router
transition组件在vue 2 中是作为父级包裹路由router-view 的，到了vue3就反过来了 动画类名发生了一点变化，开始和结束变成了from 和 to ，所以不能直接吧vue2的过度动画复制过来，需要做一些改动。
路由地址，采用query传参方式：？参数1=XXX&参数2=XXX params参数 query参数 插播传送门=Vue Router 的params和query传参的使用和区别（详尽）router返回的是当前项目中的路由器对象。route返回的是当前路由信息。
在Vue0中设置路由，需要对两个文件进行修改：src/router/index.js：这是Vue0中路由的入口文件，在这个文件中可以引入VueRouter并根据需要配置路由规则。
讲解vue-router之什么是动态路由
1、比如在写商品详情页面的时候，页面结构都一样，只是商品id的不同，所以这个时候就可以用动态路由动态。
2、vue-router 使用 path-to-regexp 作为路径匹配引擎，所以支持很多高级的匹配模式，例如：可选的动态路径参数、匹配零个或多个、一个或多个，甚至是自定义正则匹配。
3、使用vue-router完成简单导航功能 中实现的路由导航功能是不能传递参数的，也就是说是静态路由。而能传递参数的路由模式，由于可以传递参数，所以其对应的路由数量是不确定的，故称之为 动态路由。
4、通常我们在vue项目中都是前端配置好路由的，但在一些项目中我们可能会遇到权限控制，这样我们就涉及到 动态路由 的设置了。动态路由设置一般有两种 ：(1)、简单的角色路由设置：比如只涉及到管理员和普通用户的权限。