Kombinieren Sie Vue innerhalb von Vue-Komponenten, um HTML zu rendern

Question

Ich versuche, ein Projekt von Vue 2 auf Vue 3 zu aktualisieren, bei dem ich eine Komponente habe, die eine Sammlung verschiedener Vue-Komponenten enthält.

Die Funktionsweise in Vue 2 besteht darin, dass Sie eine Twig-Vorlage in Twig aufrufen (z. B. field.twig) und diese mithilfe des :is-Attributs und der Vue.compile-Methode (<div :is"compile(元素.内容）...“) zur Kompilierung an Vue senden.

Das sendet die Twig-Vorlage an Vue:

Aber in Vue 3 scheint das nicht mehr zu funktionieren. Es wird nichts gerendert. Wenn ich nur {{ element.content }} in der Vorlage verwende, wird der Originalcode zurückgegeben.

Ich habe mehrere Möglichkeiten ausprobiert, HTML mit Vue zum Rendern zu mischen (v-html, v-runtime-template), aber keine davon scheint das Problem zu lösen.

Vue-Komponente: Sammlungskomponente

Zweigvorlagen: Sammlungsvorlagen

Answer 1

您可以尝试 https://markus .oberlehner.net/blog/distributed-vue-applications-loading-components-via-http/ 或 https://www.npmjs.com/package/vue-runtime-template-compiler 但我不确定这些是否适用于 Vue 3 ...