vue2搭配vue-router3真正可用不报错的写法格式

import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from './components/Login.vue'
import App from './App.vue'
Vue.config.productionTip = false

Vue.use(VueRouter)
const routes = [
  { path: '/login', component: Login },
]

const router = new VueRouter({
  routes
})

const app = new Vue({
    render: h => h(App),
    router
}).$mount('#app')

<template>
  <div id="app">
    <router-view></router-view>
    <div>导航部分</div>
  </div>
</template>

<script>
export default {
  name: 'app',
}
</script>

<template>
    <div>
        登录页
    </div>
</template>

<script>
    export default {
      name: 'Login',
    }
</script>

<style>
</style>

{
  "name": "default",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "core-js": "^2.6.5",
    "vue": "^2.6.10",
    "vue-router": "^3.6.5"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.8.0",
    "@vue/cli-service": "^3.8.0",
    "vue-template-compiler": "^2.6.10"
  }
}