W250913/20.vue3/project3/src/router/index.ts

import { createRouter, createWebHistory } from 'vue-router'


const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/props',
      name: 'Props',
      component: () => import('../views/Props/Father.vue'),
    },
    {
      path: '/mitt',
      name: 'mitt',
      component: () => import('../views/mitt/Father.vue'),
    },
    {
      path: '/refs',
      name: 'Refs',
      component: () => import('../views/Refs-Parent/Father.vue'),
    },
    {
      path: '/custom',
      name: 'Custom',
      component: () => import('../views/Custom/Father.vue'),
    },
    {
      path: '/attrs',
      name: 'Attrs',
      component: () => import('../views/Attrs/Father.vue'),
    },
    {
      path: '/provide',
      name: 'Provide',
      component: () => import('../views/Provide-inject/Father.vue'),
    },
  ],
})

export default router