嵌套 Nuxt 实例

Question

实际上不是代码问题，而是讨论/头脑风暴帖子。 我想在Vue/Nuxt中构建一些轻量级的CMS，最终会输出一个静态网站。

所以我考虑使用一个包含所有 CMS 相关内容的 Nuxt 页面（不一定是 Nuxt 页面），并在 nuxt-child 组件中处理实际网站以保持代码整洁。 问题是，我无法访问内部 Nuxt 页面，因此无法进行任何编辑（我想实现一些简单的内联编辑）。

对于可视化，webflow 的编辑器可能会有所帮助 (Directlink to the video)。我想要实现的是一个类似的版本。我希望将页面与 CMS 分开。 CMS 将位于底部底部栏，并提供诸如用于内联编辑的编辑器之类的东西。

目前我最好的解决方案是直接在页面内定义编辑，这是可行的，但需要将其剥离以进行生产，并且将来无法分离。

有什么解决办法吗？还是我想错了？ 我可以将两个实例与一个共同的 vuex 存储链接吗？

Answer 1

您可以创建两个单独的组件，一个用于编辑，一个用于渲染。 这些可以利用组件本身来将开销保持在最低限度。

您也可以使用相同的组件，但根据以下条件延迟加载编辑器功能：

1. 如果您认为编辑器仅在开发期间可用，您可以创建一个环境变量并检查 process.env.NODE_ENV !== 'production'

2. 另一种方法是获得某种授权，结合v-if 将显示或隐藏编辑器。