'템플릿 : "<App/>"'

Question

나는 VUE의 웹팩 템플릿을 사용할 때,이 같은 코드,

/* eslint-disable no-new */ 
new Vue({ 
    el: '#app', 
    router, 
    template: '<App/>', // <-- 
    components: { App } 
}) 

내가이 무슨 뜻인지 발견 하프 태그가 필요한 이유가 궁금합니다. 이게 약어인가요? 나는 vue js 공식 문서를 확인했는데 단서를 찾지 못했습니다.

Answer 1

그것은 그것은 단지 문자열 템플릿 (template: '....' 또는 .vue 파일), 당신이 .html 페이지에서 NOT IN에-DOM 템플릿에서 작동

<App></App> 

의 줄임말입니다.

이유는이 짧은 형태

문자열 템플릿이 접촉하지 않기 때문에 최신 사양 후 유효한 HTML은 (이 자동 폐쇄 요소, 즉 <img src="http://..."/>, 그래도 HTML 사양의 이전 버전에 존재)되지 않는 것입니다 브라우저의 DOM 엔진에 의해 이러한 단축키를 허용 할 수 있습니다.