day 11/19 Vue路由

day02

Vue路由

1.后端路由：在一个网站上 所有的超链接都是URl地址 这些URL地址对应服务器上的某个资源 路由分发

2.前端路由：在单页面应用程序中 主要通过url中的#号(hash) 完成不同页面的切换 。

在单页面应用程序 主要通过url中的#号(hash) 完成不同页面的切换 称为前端路由

在Vue中使用Vue-router

1.引入类库 vue-router

2.创建a标签 改变URL地址

3.使用router-view标签 去展示匹配到的组件

4.创建组件的模板对象

5.创建一个路由实例 通过routes 属性定义匹配规则

6.将路由实例挂载到Vue实例中

使用tag属性指定router-link渲染的标签类型

设置路由的重定向

{path: ‘/’, redirect:’/login’}

设置路由高亮

既可以使用其原有的属性 也可以去修改属性名

路由动画

通过路由获取参数值的两种形式

子路由嵌套