一. App.vue

<template><router-view/>
</template><script>
export default {name: 'App',components: {}
}
</script>

二. main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router/index'createApp(App).use(router).mount('#app')

三. /router/index.js

import {createRouter, createWebHistory} from 'vue-router'const drawDot = () => import('@/components/map/drawDot.vue')const routes = [{path: '/map/drawDot',component: drawDot}
]
const router = createRouter({history: createWebHistory(),routes
})export default router