למעשה מצאתי אופציה כאן
אני מממש את זה ככה וזה עובד.
<!-- index.html -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router@2.0.0/dist/vue-router.js"></script>
<script src="https://unpkg.com/http-vue-loader"></script>
<div id="app">
<template>
<div>
<button @click="show = true">Load Tooltip</button>
<div v-if="show">
<tooltip></tooltip>
</div>
</div>
</template>
</div>
<script>
appp = new Vue({
el: "#app",
data: () => ({ show: false }),
components: {
Tooltip: httpVueLoader("Tooltip.vue")
},
})
</script>
<!-- Tooltip.vue -->
<template>
<h2>Hi from Tooltip!</h2>
</template>
שאלה מעשית:
אם אני מבין אז המימוש של מה ש@yossiz הראה זה ב-node.js.
באמת בהרבה מדוגמאות הקוד לVUE אני רואה את זה במימוש עם מהדר (ולא כמו שאני עשיתי בHTML+js נטו).
האם אני חייב (כדי להיות עדכני, ותואם לנורמות הקוד שקהילת הקוד שלך הולכת עם זה) לשנות את כל המערכת שלי לעבור לטכניקה של node.js?