Saya cuba menaik taraf projek daripada Vue 2 kepada Vue 3, di mana saya mempunyai komponen yang mengandungi koleksi komponen Vue yang berbeza.
Cara ia berfungsi dalam Vue 2 ialah anda memanggil templat Twig dalam Twig (cth: field.twig) dan menghantarnya ke Vue untuk penyusunan menggunakan atribut :is dan kaedah Vue.compile (<div :is"compile(元素.内容）...“).
Inilah yang dihantar oleh templat Twig kepada Vue:
Tetapi dalam Vue 3 ini nampaknya tidak berfungsi lagi. Tiada apa-apa yang diberikan, jika saya hanya menggunakan {{ element.content }} dalam templat ia mengembalikan kod asal.
Saya telah mencuba pelbagai cara untuk mencampurkan html dengan Vue untuk pemaparan (v-html, v-runtime-template) tetapi tiada satu pun daripada ini nampaknya dapat menyelesaikan masalah.
Komponen Vue: komponen koleksi
Templat Ranting: Templat Koleksi
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda boleh mencuba https://markus .oberlehner.net/blog/distributed-vue-applications-loading-components-via-http/ atau https://www.npmjs.com/package/vue-runtime- template-compiler Tetapi saya tidak pasti sama ada ini akan berfungsi dengan Vue 3...