vue3

Vue.js

[TIL] Vue.js | Options API와 Component API

Vue에서 컴포넌트를 작성한다면 Options API와 Compotision API중 하나를 선택하게 된다. 각 스타일별 특징과 장단점은 다음과 같다. Options API data, methods, mounted 같은 객체를 사용하여 컴포넌트의 로직을 정의하는 방식이다. 옵션으로 정의된 속성은 컴포넌트 인스턴스를 가리키는 함수 내부의 this에 노출된다. 숫자 세기: {{ count }} Composition API Vue3에서 추가된 함수 기반의 API로, 컴포넌트 로직을 유연하게 구성할 수 있도록 하여 코드의 재사용성을 높인다. React를 주로 사용해왔다면 조금은 더 익숙할 스타일이다. import 해서 가져온 API 함수들을 사용하여 컴포넌트의 로직을 정의하는데, SFC(Single File C..

minkyoung BAE
'vue3' 태그의 글 목록