如何清理 Nuxt js 额外的 div 容器？

【问题标题】：How to cleanup Nuxt js extra div containers?如何清理 Nuxt js 额外的 div 容器？
【发布时间】：2021-04-09 13:37:47
【问题描述】：

这是我的示例页面：

这是 Nuxt 布局：

<template>
  <div>
    <Nuxt />
  </div>
</template>

这就是 Nuxt 编译器生成的：

如您所见，有几个无用的额外容器。有什么办法可以在 Nuxt 中摆脱它们？

【问题讨论】：

【解决方案1】：

这已在 nuxt 的 github 问题 #3811 和 #1792 中提到

<div id="__nuxt"> 是挂载 Vue 实例的根节点，不能删除。 <div id="__layout"> 也是如此，它不可移动。

您仍然可以使用变量globalName 配置选项修改应用程序名称（请参阅拉#4012）。

【讨论】：