Javascript Vue未在特定路由上显示组件

基本上，我希望在登录路径上呈现登录组件，但它没有呈现-

登录组件-

<template>
<v-app>
     <h1>Login Component</h1>
</v-app>
</template>

<script>
export default {

}
</script>

这是我的main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import vuetify from './plugins/vuetify';

Vue.config.productionTip = false

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

---

我使用的是vue版本2.6.10和vue路由器版本3.1.2。它也没有显示任何错误。请帮助。

确保将

路由器视图>

包装在

中，然后只有您的路由才能正常工作。否则，只有URL将更改，并且相应的组件将不会呈现。

您的应用程序中是否有。vue？是的，先生。。我的app.vue中有它v-app应该只在你的app.vue中。它不应该也出现在你的登录名中。Vueal因此，如果你使用Chrome，Chrome的Vue插件是调试此内容的天赐良机是的，我使用的是Vue开发工具，但它没有显示任何内容。此外，我删除了v-app并将其放入app.Vue，但登录组件仍没有呈现。只有url正在更改

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import vuetify from './plugins/vuetify';

Vue.config.productionTip = false

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