Vue3-31-路由-RouterView的name属性的作用
// 导入 定义路由的两个方法
import {createRouter,createWebHistory} from 'vue-router'
// 引入两个组件
import componentA from "./";
import componentB from "./";
import componentC from "./";
// 声明路由跳转的路径与组件的对应关系
const routsList = [
{
path:'/showAllComponents',
name:'aroute',
components:{
default : componentA,
first : componentB,
second : componentC
},
},
]
// 创建路由的实例对象
const routerConfigObj = createRouter({
history:createWebHistory('abc'), // 带一个参数，表示是路由的一个前缀
routes:routsList // 指定路由的配置列表
})
// 导出路由的对象
export default routerConfigObj;