Vue Router

Vue-Router 第十四节：动态路由 对路由的添加通常是通过 routes 选项来完成的，但是在某些情况下，我们可能想在应用程序已经运行的时候添加或删除路由。我们一般使用动态路由，都是请求后端接口

在使用前端路由时，当我们切换新路由时，想要页面滚到顶部，或者是保持原先的滚动位置，就像重新加载页面那样。我们就可以使用vue-router ，它让你可以自定义

Vue-Router 第十二节：路由过渡动效 1、所有路由使用相同过渡 想要在你的路径组件上使用转场，并对导航进行动画处理，你需要使用插槽.............

Vue-Router 第十一节：路由元信息 我们称呼 routes 配置中的每个路由对象为 路由记录，我们可以通过路由记录的 meta 属性来定义路由的元信息。它可以在路由对象和导航守卫上都被访问到。

Vue-Router 第十节：导航守卫 导航守卫是 Vue Router 提供的一种机制，用于在路由发生改变时执行一些特定的逻辑。它们允许你在路由发生变化前、变化后或路由组件内部执行一些操作，比如检查

Vue-Router 第九节：路由传参 前言：路由传参主要有两种方式：query 路由传参 、 params路由传参，下面来学习这两种方式，并总结他们的区别。 1、query路由传参 2、Params

Vue-Router 第八节：重定向和别名，今天来学习路由重定向和别名，有详细的笔记代码~路由重定向和别名的区别在于： 路由重定向就会访问重定向后匹配的路由，而别名还是会访问原本匹配的路由。

Vue-Router 第七节：命名视图 大多数情况，我们需要在一个组件里，展示多个路由视图，而不是嵌套显示。命名视图可以让我们实现一个组件中具有多个路由渲染出口，这对很多布局很有用，例如一般系统的首页

Vue-Router 第六节：历史记录 1、router.replace() 替换当前位置 我们除了使用 <router-link> ,router.push进行页面的跳转,我们还可以使用编程式的：

Vue-Router 第五节：命名路由 & 编程式导航 一、命名路由 除了 path 之外，你还可以为任何路由提供 name。这有以下优点： 没有硬编码的 URL params 的自动编码/解码。

Vue Router 第四节：嵌套路由 一些应用程序的 UI 由多层嵌套的组件组成。在这种情况下，URL 的片段通常对应于特定的嵌套组件结构。

Vue-Router 第三节：路由的匹配语法 1、路径参数使用自定义正则 在我们使用路由动态参数时，会碰到两个路由路径都是从/开始后跟着动态参数。 上面这组就可能会出现相同的两个url,我们就可以通多

Vue-Router 第二节：动态路由 1、动态路由 在日常开发中，我们某一组的用户（ID不同）要看到同一个组件，例如技术部要看到相关技术部的文档页面，这时我们可以用到动态路由；在路由配置时 使用一个

Vue-Router 第一节：基础内容， Vue Router~ 是 Vue.js 的官方路由。他的作用是 让用Vue.js构建单页面应用变得更轻松。个人笔记分享~