路由使用Vue Router官方路由Home | Vue Router (vuejs.org)
在存放路由的文件夹创建index.js页面
首先引入createRouter和createWebHashHistory
根据文档创建routes数组 ,用于存放路由
children 是子路由也是文档里的嵌套路由
redirect 作用是重定向,可以重新定向到子路由页面,<router-view></router-view>可以通过这实现显示嵌套的页面
现在创建路由并传递,如下图
进入main.js页面,挂载路由
App.vue 要加入 <router-view></router-view> ,就完成路由的基础配置
页面跳转方法可以查看文档或下图显示(在方法里用)