步骤分为3步
1、安装router：
2、目录会自动出现src/router/index.js
image.png
3、在router文件里，const routes里添加新的路由和指向的组件
有两种方式：
1）静态引入（运行时就会渲染）：
import HomeView from "../views/HomeView.vue"; //静态
component: HomeView
2）动态引入（写法就这样，记住就行，跳转时才会渲染）：
component: () =>
import( "../views/AboutView.vue")
4、在homeview主目录里跳转去具体页面，有两种方式：
1）在方法里写 this.router.push(/login/参数)，这样这个方法可以先处理完数据再去跳转
image.png
补充：这里是可以传参的，跳转时直接写/login/1,在router里写的path是 /login/:id
2）router_link直接跳转
image.png
5、在跳转的视图里，是可以显示路由传过来的id的
image.png
补充：
这里的user其实是写了user组件里的内容，官方文档不是基于脚手架写的
bd6dffcfe38ddd2f7672c549d22af06.png
网友评论