[VUE] Component template should contain exactly one root element 에러

vue 컴포넌트를 통해 웹페이지를 구현하다 발생한 에러이다.

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.

template을 사용하는 도중에 여러 개의 기능을 넣으려다 에러가 났는데,

에러 문구를 확인해보니 template에는 하나의 root만 있어야 한다는 것을 확인하였다.

<template>
        <div>
             ...
        </div>
</template>

다음과 같이 div로 전체를 감싸주면 에러를 해결할 수 있다.

PEKAH