用户创建的内容中的Vue组件

Question

我为我的网站设置了基本设置，如下所示（必须作为ssr和客户端使用）：

app.vue

<template>
  <div>
   <ui-website-header />
   <ui-website-main-menu />
   <ui-website-content />
   <ui-website-footer-menu />
  </div>
</template>

ui-website-content.vue

<template>
   <div v-html="content"></div>
</template>

content是使用诸如ckeditor之类的所见即所得编辑器创建的。现在content在传递给vue之前已经处于处理状态。

我的问题是content包含一些我想表示为vue组件的元素（例如导航元素，新闻提要...）。

内容可能如下所示：

<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<ui-news-feed />
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<ui-sub-menu />

对于<ui-news-feed />和<ui-sub-menu />，必须加载相应的vue组件。

我知道我可以编译每个站点content的{​​{1}}并将得到的vue-template-compiler和render与staticRenderFns一起存储在数据库中，并且根据需要为该站点创建组件。

并在本地注册：

content

此方法或解决该问题的另一方法是否有重大弊端？