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
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
您可以尝试 https://markus .oberlehner.net/blog/distributed-vue-applications-loading-components-via-http/ 或 https://www.npmjs.com/package/vue-runtime-template-compiler 但我不确定这些是否适用于 Vue 3 ...