嵌套的Nuxt实例

问题描述 投票:0回答:1

不是真正的代码问题,更多的是讨论brainstroming-post.我想用VueNuxt搭建一些轻量级的CMS,最后输出一个静态网站。

所以我想用一个Nuxt页面(不一定要用Nuxt页面),包含所有与CMS相关的东西,然后在一个内部处理实际的网站。nuxt-child 组件来保持代码的整洁。问题是,我无法访问Nuxt的内部页面,所以任何编辑都是不可能的(我想实现一些简单的内嵌式编辑)。

为了实现可视化的编辑,我使用了 网页流 可能会有帮助(直接链接到视频). 我想实现的是一个类似的版本。我想把页面和CMS分开。CMS将是下层的底栏,并提供诸如编辑器之类的内嵌式编辑功能。

目前我最好的解决方案是直接在页面内定义编辑,这个方案是可行的,但是需要剥离出来用于生产,使得未来无法分离。

请问有什么解决办法吗?还是我想错了?"我可以用一个共同的vuex-store链接两个实例吗?"。

vue.js nuxt.js
1个回答
0
投票

你可以创建两个独立的组件,一个用于编辑,一个用于渲染.这些可以利用组件本身来保持开销到最小。

你也可以使用相同的组件,但基于一些条件懒惰加载编辑器的功能,如。

  1. 如果你想让编辑器只在开发过程中可用,你可以创建一个env变量,并检查一下 process.env.NODE_ENV !== 'production'

  2. 另一种方式是有某种授权,结合了 v-if 会显示编辑器或隐藏它。

© www.soinside.com 2019 - 2024. All rights reserved.