Vue.js----router(路由)

什么是路由？

路由可看做是一个键值对，K-V。

K => path（）路径地址

V=> 处理请求的回调函数

前台路由

K => path（）路径地址

V=> 路由组件

编写使用路由的步骤

1.创建编写路由组件

2.注册配置路由

routes: [
{ // 一般路由
path: '/about',
component: About
},
{ // 自动跳转路由
path: '/',
redirect: '/about'
}
]

3.注册配置路由器

在main.js里面配置路由器

4.使用路由

  <router-link to="/xxx">Go to XXX</router-link> 生成路由连接

<router-view></router-view>  用来显示当前路由组件界面

<keep-alive><\keep-alive>路由状态保持，使用返回之前的路由会记录之前路由的状态