Vue3 <script setup> 이란?

Vue3 Composition API를 이용하는 두가지 방식

*자세한 설명 생략

 

 

▷ setup()

<script>
export default {
    setup() {
        //...
    }
}
</script>

 

 

▷ <script setup>

<script setup>

    //...

</script>

   

    - 싱글 파일 컴포넌트(SRC) 내에서 Composition API를 사용하기 위한 문법

 

    - SFC와 Composition API를 사용하는 경우 <script setup>을 사용하라고 권장

 

    - import를 한 것을 그대로 return 없이 사용

 

    - 런타임 성능 향상 등 많은 장점이 존재

 

 

▷ 참고

[VueJS] Vue3 - setup() 과 <script setup>의 차이

 

 

▷ 관련 글

Vue3 기초 예제 프로젝트 정리