문자열 리터럴로 템플릿을 등록하는 방식에 대한 의문점
259
작성한 질문수 4
안녕하세요, 강의 듣는 중 질문이 있어 글 남깁니다.
실습때 본 아래 코드처럼, component 의 template 를 등록하는데에 있어서 문자열 리터럴을 사용하는 듯 합니다.
제 생각엔, html 엘리먼트를 문자열 리터럴로 등록하게 되면 (태그 속성등도 마찬가지로) 디버깅이나 유지 보수 측면에서 불리하지 않을까 생각이 듭니다.
다른 방법이 있는건가요? 아니면 뷰를 사용하면 이 방식으로 항상 템플릿을 등록해야 하나요?
감사합니다
var appHeader = {
template: '<button v-on:click="passEvent">click me</button>',
methods: {
passEvent: function() {
this.$emit('pass');
}
}
}
new Vue({
el: '#app',
components: {
'app-header': appHeader
}
})
답변 1
개발자 툴에서 Vue가 표시되지 않는 현상.
0
93
2
chrome 확장 devtools 버전 문제
0
81
1
Vue.js not detected가 자꾸 뜹니다
0
84
2
마지막 강의가 안되요
0
57
1
data, computed, watch > Reactivity
0
52
1
f12누르고 개발자도구에 vue 탭이 안생겨요
0
89
1
vue composition api
0
74
1
강의 자료 다운이 될까요?
0
128
1
개발자 도구에서 뷰탭이 안보여요....
0
590
3
프롭스 데이터 질문입니다.
0
113
1
component.html:11 Uncaught ReferenceError: Vue is not defined at component.html:11:20 (anonymous) @ component.html:11
0
141
1
화면이 안떠요,, 이전 이후 강의는 뜨는데..
0
236
6
크롬 확장 프로그램 vue devtools 설치했는데
0
537
2
코드를 수정하고 브라우저의 Vue로 넘어가면 다운이 됩니다.
0
243
1
버튼을 클릭해도 event가 발생하지 않습니다.
0
310
1
vue3 css 경로 표시 문의
1
231
2
개발자도구 vue탭
0
356
1
화면 코드 보기
1
226
2
App.vue 내용 변경했는데 창이 연결할수없대요ㅜㅜ
1
385
2
html/css/js로 작성된 코드를 vue.js로 일부 전환하고자 이 강의를 듣기 시작했습니다.
1
889
2
{{ num }} 이 <app-content> 아래에 들어가 있을때에는 노출이 안됩니다...
1
288
2
뷰 개발자도구 이벤트 타임라인 어느 부분에서 확인가능한건가요
1
401
2
다음 단계 강의는...?
1
387
2
버튼을 눌러도 data의 값이 변경되지 않습니다
1
277
2





