Vue学习笔记day04

路由

什么是路由，前端路由与后端路由的区别
路由的基本使用
导入vue-router文件
创建一个路由对象
coust router = new vueRouter({
routes: [
{path:"/login" ,component: 组件的名称}
{path:"/index" ,component: 组件的名称}
]
})
将路由挂载到需要用到的vm中
在vm中添加一个router属性
在被挂载的v中添加标签router-view
router-link默认渲染为一个a标签
tag可以改变默认渲染的标签类型 tag=""

路由的重定向
将根路径重定向，使其展示一个组件

路由高亮
在路由分发的过程中会将一个类分配到当前选择的路由上，可以更改这个类的样式，按f12点击当前路由查看类名，在官方文档中，创建的router构造函数有一个和router平级的属性，可以更改默认的类名

在路由中使用动画直接用transition将router-view包裹起来，然后添加动画样式，最后用mode=""来设置动画的出场方式

路由规则中定义参数
方式1
当地址中含有参数的时候并且是用？的形式，路由route中的query中会保存这个参数，直接用下面的方式就可以调用

方式2
使用route中的param属性

路由的嵌套
使用children属性来定义子路由

路由命名视图