点击路由链接,显示界面,是不向后台发请求的,以前的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' 斜杠永远代表根路