main.js

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

createApp(App).use(router).mount('#app')

app.vue

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<style>
</style>

Login.vue

<template>
    <div>
        登录组件
    <div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>

</style>

运行之后切换路径就是不路由跳转

原因是

关键是也没有报错，但是我加上斜杠后，再取消斜杠就检测报错了，估计是vscode的延迟bug！