vue app.vue 只放一个 router-view

在Vue的App.vue文件中只放一个router-view是常见的做法，特别是在使用Vue Router进行路由管理时。这样做可以让App.vue作为根组件，负责渲染当前路由所对应的组件。

通过在App.vue中只放一个router-view，可以实现页面的动态切换和组件的复用。在Vue Router的配置中，每个路由对应一个组件，当切换路由时，router-view会根据当前路由匹配到的组件进行渲染。

下面是一个示例：

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

<script>
export default {
  name: "App",
};
</script>

<style>
#app {
  width: 100%;
  height: 100%;
}
</style>