TL;DR
<script> tegingizni <body> oxiriga qo'ying yoki maqsadli tugun qayta qo'ng'iroq qilishga tayyor bo'lgandan keyin Vue misolini yarating.
Fon
"ZenUML" integratsiyasini mahalliy sifatida sinab ko'rayotganda, men (unchalik emas) qiziq narsani payqadim. Vue komponenti almashtirilmaydi (pastga qarang).
Keyin kodni disk raskadrovka qildim va JS bajarilayotganda tana hali tayyor emasligini payqadim. Tana tayyor emasligi sababli, VueJs o'zgartirish uchun maqsadli tugunni topa olmaydi va shuning uchun muvaffaqiyatsiz bo'ladi.
Yechim
Oxiriga <script> tegini qo'ying. Yoki ‹header>bo'limida <script>tagni qoldiring va oxirida Vue misolining boshlanishini chaqiring.
<body>
<main id="demo">
<seq-diagram></seq-diagram>
</main>
<script>
window.app = new Vue({
el: '#demo',
store
})
</script>
</body>
Munozara
Bu AngularJs-dan farq qiladi. AngularJs-da ramka DOMni ko'rsatishni boshlash uchun tayyor bo'lishini kutadi (haddan tashqari soddalashtirilgan). VueJs kamroq intruziv ramka va kamroq sehr qiladi. Shuning uchun hammasini o'zingiz hal qilishingiz kerak.
