悦.L的博客

上一篇总结，我们总结了路由对象的构建选项。那么这一章我们去了解一下路由对象的实例属性和实例方法。实例属性实例属性

上一篇总结，我们了解了路由中涉及的几个组件和组件属性。那么这一章我们去了解一下路由对象的构建选项。routes构建选项routes是最主要的构建选项。在基础篇和进阶篇我们也使用过，那么这里我们只是做一个总结，不具体阐述用法。path选项：数据类型是字符串。它主要用于匹配具体路由地址；component选项：它主要用定义路由对象使用组件；name选项：数据类型是字符串。它主要是给该路由对象命名；components选项：数据类型是对象。对象值是组件。它主要用于命名视图；redirect选项.

vue路由的基础篇和进阶篇让我了解了vue路由的用法，那么总结篇我们就总结之前的知识，去了解一下关于路由的API。这篇主要了解路由中设计的两个组件<router-link>和<router-view>的相关知识<router-link>组件<router-link>组件支持用户在具有路由功能的应用中 (点击) 导航。 通过 to 属性指定目标地址，默认渲染成带有正确链接的 <a> 标签，可以通过配置 tag 属性生成别的标签。除了能&lt.

我们上一篇进阶内容主要讲解了路由中的路由守卫，路由守卫主要分为三种，分别是全局守卫、路由独享的守卫和组件内守卫。那么这一篇我们主要去了解路由的路由员元信息和过渡效果。

主要讲解vue路由中的三种路由守卫（全局守卫、路由独享守卫和组件内守卫）

上一篇内容我们主要了解了命名路由等知识，这篇博客继续讲解路由的知识点，主要讲解编程式的导航和History 模式用法。编程式的导航在 Vue Router 中，除了使用<router-link>组件来创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。具体语法：router.push(location, onComplete?, onAbort?)，在 Vue 实例中可以调用 this.$router.push来执行。语法中参数的具体含义：l.

上一篇内容我们主要了解了解嵌套路由，这篇博客继续讲解路由的知识点，主要讲解命名路、命名视图、重定向和别名的用法。

上一篇内容我们主要了解了动态路由匹配，这篇博客继续讲解路由的知识点，主要讲解嵌套路由的用法。嵌套路由一个页面，通常由多层嵌套的组件组合而成。例如，一个页面中有一个用户组件，而用户组件中可以显示不同的组件，当URL不同时显示的内容不同，那么这种情况就需要使用嵌套组件。 看下例：路径为/user 映射到 User 组件，当单击 User 组件中的a 标签，会在User 组件中渲染 A组件，单击 b 标签时，会将User 组件中渲染 B组件。我们还是以图书为例，看具体改法：首先我们来看项目的根组件A.

从本篇开始我们深入了解一下路由知识的动态路由匹配

基本使用Vue Router