vue-component 테스트 소스

1
vue 2.6.12 기준

<div id="comp01">
<div>comp1</div>
</div>
<script type="text/x-template" id="comp03">
<div>comp03</div>
</script>
<template  id="comp04">
<div>comp04</div>
</template>
<template  >
<div id="comp05">
<div>comp05</div>
</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>


댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
제목 작성자 날짜
공대여자
공대여자
mins01
공대여자
공대여자
공대여자
공대여자