vue路由的补充解释

点击路由链接，显示界面，是不向后台发请求的，以前的jsp、thymeleaf向要向后台发请求的，那叫做跳转

三步：

1.创建路由组件

2.引入并配置路由

3.使用路由组件

路由是什么？

1.本质是一个键值对

2.key是path，后台路由的value是处理请求的回调函数，前台路由的value是组件

路由的两个标签？

<route-link to="xxx">用来生成路由链接

<route-view>用于显示当前路由组件界面

实际项目中路由分为两大类？

路由组件和非路由组件

路由组件放到views或者pages文件夹下，非路由组件放到components下面

应用场景1：

当进入首页后，默认显示一个界面，这个是自动跳转的，而不是手动点击路由链接后显示的

在路由文件中配置一个重定向，这样默认就显示一个index界面

{
    path: '/',
    redirect: '/index'
}

点击路由标签，开始异步从后台获取数据，这个处理直接放到mounted(){}中

注意：1.v-for 后面的:key一般都是写的index，但如果对象有标识属性id，那么最好写成xxx.id

           2.配置路由的时候，component: 'About'  也可以不用引号，直接About

           3.path: '/about'    斜杠永远代表根路