Django + Vue.js + SSR

Question

我面临着有趣的问题......

我确实有一个表单分成步骤 - 像向导.每一步(甚至是第一步)都是从服务器加载的,Django就在这里.向导本身是Vue组件.一切都很好,但现在我想将一个组件添加到HTML中,从服务器返回.事情是Wizard(Vue)只能显示从服务器加载的HTML,它无法解析新组件的HTML并实例化它们.这就是我记得服务器端渲染的地方.

我的问题是,如果我想渲染Django渲染的模板再次通过Vue渲染,那么从哪里开始.

也许没有办法.我想要的只是在我的incomming形式中有另一个丰富的组件,而不仅仅是愚蠢的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

该代码片段将纯 HTML 的组件呈现给我的td.