Vuejs2 在nuxt布局中使用多个v-app时是否存在任何问题

Vuejs2 在nuxt布局中使用多个v-app时是否存在任何问题,vuejs2,vuetify.js,nuxt.js,Vuejs2,Vuetify.js,Nuxt.js,Vuetify对v-app有以下声明: v-app只能在应用程序中使用一次。 我认为这个建议适用于简单的水疗 使用nuxt.js,我的应用程序有不同的布局,我想在我的布局中使用多个v-app-每个布局一个v-app 乍一看,一切正常,但我对前端开发还不熟悉,我想知道在忽略Vuetify对每个应用程序的单个v-app的建议时,是否存在任何问题或隐藏的问题 我使用的是vuetify 2.0.19、nuxt 2.9.2和vue 2.6.10。 应用程序是一个简单的博客引擎,它有两种布局——普通博客帖子

Vuetify对v-app有以下声明: v-app只能在应用程序中使用一次。 我认为这个建议适用于简单的水疗

使用nuxt.js,我的应用程序有不同的布局,我想在我的布局中使用多个v-app-每个布局一个v-app

乍一看,一切正常,但我对前端开发还不熟悉,我想知道在忽略Vuetify对每个应用程序的单个v-app的建议时,是否存在任何问题或隐藏的问题

我使用的是vuetify 2.0.19、nuxt 2.9.2和vue 2.6.10。 应用程序是一个简单的博客引擎,它有两种布局——普通博客帖子和管理面板。

我也很困惑

医生说

v-app可以存在于应用程序主体内的任何位置,但是,应该只有一个,并且它必须是所有Vuetify组件的父级

也许,我们可以在每个模板/组件中使用v-app,但当应用程序运行时,只能有一个v-app

比如说 MainContainer.vue

<template>
    <router-view></router-view>
</template>
因此,当应用程序运行时,只有一个v-app


如果我错了,请纠正我

我在Vuetify/Nuxt Discord上询问了这一点,核心团队成员回答说,由于一次只呈现一个布局,所以可以有许多布局,每个布局的根都有

<template>
    <v-app> ... </v-app>
</template>
<template>
    <v-app> ... </v-app>
</template>
{
  "path": "/",
  "redirect": "first-page",
  "component": MainContainer,
  "children": [
    {
      "path": "first",
      "name": "first-page",
      "component": FirstPage,
    },
    {
      "path": "second",
      "name": "second-page",
      "component": SecondPage,
    }
  ]
}