Django + Vue.js + SSR

Question

我遇到了有趣的问题...

我确实有一个分成多个步骤的表格——比如向导。每个步骤（甚至是第一个步骤）都是从 Django 所在的服务器加载的。向导本身就是 Vue 组件。一切都很好，但现在我想在 HTML 中添加一个组件，该组件是从服务器返回的。问题是 Wizard (Vue) 只能显示从服务器加载的 HTML，它不能为新组件解析传入的 HTML 并实例化它们。 这就是我记得服务器端渲染的地方。

如果我想通过 Vue 再次渲染 Django 渲染的模板，我的问题是从哪里开始。

也许还有其他方法。我想要的只是在我的传入表单中拥有另一个丰富的组件，而不仅仅是愚蠢的 HTML。

谢谢。

Answer 1

我写了以下内容：

td(v-if="v && v.component")
    component(:is="v.component", v-bind="v.props")
td(:class="getClass(v)", v-html="getHTML(v)", v-else)

地点：

• v - 来自服务器的对象
• v.component - 我要渲染的组件的名称 - 即 - “cool-button”
• v.props - 带有来自 v.component 的组件的参数的内部对象

sn-p 将纯 HTML 的组件渲染到我的td。