본문 바로가기

카테고리 없음

5. Vue3기본 (새로운 기능, fragments)

728x90

Vue 3에서는 Fragment 이용이 가능해졌다. 이것은 복수의 루트노드를 가질 있는 컴포넌트를 뜻이다. 

 

 종래의(Vue2) <template> 밑에 기술할 수있는 태그가 1 밖에 설정할 없었기 때문에 전체를 단일의 <div> 태그로 감싸는 것이 일반적이었다. 

 하지만 Vue3에서는 복수의 태그를 기술할 있게 되었다.

 

종래의 Vue 2.x

보통 템플릿 태그안에 div태그로 감싼 후 다른 태그를 사용했다.

 

Vue 3.x

탬플릿 태그 밑에 감싸는 태그를 작성하지 않고 바로 적고 싶은 태그를 사용 할 수 있게 되었다.

728x90