Vue Router

1.Vue Router的概述

-Vue Router是Vue.js官方的路由管理器，它和Vue.js的核心深度集成，可以更加方便的用于SPA应用程序的开发。

-Vue-router的功能

支持HTML5历史模式或hash模式

支持嵌套路由

支持路由参数

支持编程式路由

支持命名路由

2.Vue Router的基本使用步骤

1.引入相关的库文件

2.添加路由链接

3.添加路由填充位

4.定义路由组件

5.配置路由规则并创建路由实例

6.把路由挂载到Vue根实例中 

 

3.路由重定向

路由重定向是指：在用户访问地址1的时候，强制用户跳转到地址3，从而展示特定的组件页面，通过路由规则的redirect属性，指定一个新的路由地址，可以很方便的设置路由的重定向

 4.嵌套路由

-嵌套路由的用法

1.点击父级路由链接显示模板内容

2.模板内容中又包含子级路由链接

3.点击子级路由显示子级路由的模板内容

 5.动态路由

可以通过动态路由参数的模式进行路由匹配 通过$route动态获取路由

1.props的值为布尔值类型

 2.propos的值为对象类型

 3.props的值为函数类型

 6.命名路由

为了更加方便的表示路由的路径，可以通过给路由规则起一个别名，即'命名路由'

 

 7.编程式路由

-this.$router.push('hash地址')

 -this.$router.go(n)