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)