路由使用不同的容器

Vue3   多个<router-view>嵌套

1、main.js文件如下

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

const app = createApp(App)

app.use(route).mount('#app')

2、App.vue文件如下   这里是最外层的<router-view>标签

<template>
  <div>
    <router-view></router-view>
  </div>
</template>

<script>

export default {
  name: 'App'
}

3、想要再次添加<router-view>标签的位置

//dataStandar/index.vue
<template>
  <div>
         这里的内容在最外层的router-view上
  </div>
  <div>
    <div>
      <router-view v-if="route.meta.usechildView"></router-view>
    </div>
  </div>
</template>

4、route.js文件

i