vue3安装vue-router

image.png

npm install vue-router@4

router/index.ts

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

const router = createRouter({
    history: createWebHistory(),
    routes: [
      {
          path: '/',
          redirect: '/index'
      },
      {
          path: '/index',
          name: 'index',
          component: () => import('../views/index.vue')
      },
    ]
})

export default router

components/hello.vue

view/index.vue

App.vue

http://localhost:3000/index