The ul element represents a list of items, where the order of the items is not important — that is, where changing the order would not materially change the meaning of the document.
[vue/no-multiple-template-root]
The template root requires exactly one element.eslint-plugin-vue
The template root requires exactly one element.eslint-plugin-vue
ul 요소는 항목의 목록을 나타내며, 항목의 순서가 중요하지 않습니다. 즉, 순서를 변경하면 문서의 의미가 크게 변경되지 않습니다.
[vue/no-super-root]
템플릿 루트에는 정확히 하나의 요소가 필요합니다.eslint-plugin-vue
아래는 오류 발생 예시
<template>
<h1>product page</h1>
<div>
<ul>
<li>상품1</li>
<li>상품2</li>
<li>상품3</li>
</ul>
</div>
</template>
아래는 해결 방법 예시
<template>
<div>
<h1>product page</h1>
<ul>
<li>상품1</li>
<li>상품2</li>
<li>상품3</li>
</ul>
</div>
</template>
반응형
'Frontend > Nuxt.js' 카테고리의 다른 글
[Nuxt.js] 학습정리 (0) | 2022.02.01 |
---|---|
[ESlint] 유용한 ESlint 모음 (0) | 2022.02.01 |