Vue를 진행하며 error 접함
처음 퍼블리셔의 작업 파일을 받고 Vue로 옮기는 과정 중에 발생한 에러이다
Err 내용
Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.
관련 내용
Vue Component는 template, script, style 3가지 요소로 구성되어 있으며 template에는 html 태그, script에는 js 코드, style에는 css가 들어간다고 간략하게 이해하면 된다
이 때 Vue Component 내에 template의 태그들은 하나의 최상의 영역부터 트리 구조로 내려가야 된다
잘못된 예
<template>
<div>
</div>
<div>
</div>
</template>- 이처럼 template 최상위 트리에 다수의 영역이 존재할 수 없다
<template>
<div>
</div>
</template>- 이렇게 하나의 영역만이 가능하다
