반응형 JavaScript/Vue 3.x2 SFC(Single-File Components) https://ko.vuejs.org/guide/scaling-up/sfc.html Vue.js Vue.js - The Progressive JavaScript Framework vuejs.org SFC는 컴포넌트의 템플릿,로직 및 스타일을 하나의 파일(*.vue)로 묶어낸 특수한 파일 형태입니다. 아래는 예시(공식 페이지, Composition API)입니다. {{ greeting }} Vue SFC는 JavaScript, HTML, CSS를 자연스럽게 하나로 합친 것 입니다. SFC의 이점 (공식 홈페이지 인용) 친숙한 HTML, CSS 및 JavaScript 문법을 사용하여 모듈화된 컴포넌트 작성 본질적으로 사용 목적에 따라 구성됨 런타임 컴파일 비용이 없는 사전 컴파일된 템플릿 컴포넌트 범위 CS.. 2024. 1. 19. Option API & Composition API https://ko.vuejs.org/guide/introduction.html#api-styles Vue.js Vue.js - The Progressive JavaScript Framework vuejs.org Vue의 컴포넌트는 두 가지 작성 방식이 있다. Option API 그리고 Composition API 우선 Option API에 대해서 알아보자 Option API data, methods, mounted 와 같은 객체를 사용해 컴포넌트의 로직을 정의합니다. 예시(공식 페이지 내)는 아래와 같습니다. 숫자 세기: {{ count }} data에서 컴포넌트가 사용할 속성들을 정의하고 this를 통해 호출 될 수 있습니다. methods에서는 속성들을 컨트롤 할 수 있는 함수를 정의 합니다. mo.. 2024. 1. 19. 이전 1 다음 반응형