vue 2.6.12 기준
</div>
<script type="text/x-template" id="comp03">
</script>
<template id="comp04">
</template>
<template >
</div>
</template>
<script>
Vue.component("comp01", {
template: '#comp01'
});
Vue.component("comp02", {
template: '<div>comp02</div>'
});
Vue.component("comp03", {
template: '#comp03'
});
Vue.component("comp04", {
template: '#comp04'
});
Vue.component("comp05", {
template: '#comp05'
});
</script>
<script type="module">
// .js을 읽어와서 (이경우 자동으로 해더의 content-type 이 체크됨)
Vue.component("comp06",
() => import("./comp06.vue.js").then(
(res)=>{console.log('load comp06.vue.js',res);return res}
)
);
Vue.component("comp07",
(await import("./comp07.vue.js")).default
);
</script>
<script type="module">
// .vue(html 파일)로 template만 가져올 경우
Vue.component("comp08",{
template:await (await fetch("./comp08.vue")).text()
}
);
</script>
