목록SFC (1)

uxtry

vue: Single File Component

Single File Component(SFC)는 HTML, JavaScript, CSS를 한 파일에 정의하여 Vue컴포넌트를 작성하는 방식입니다. 아래는 SFC의 구조와 실제 예제를 통해 주요 개념을 설명합니다. 1.SFC의 기본구조 {{title}} Count: {{ count }}★ Vue SFC Playground 코드 실행 →2. 주요 구성 요소template태그는 컴포넌트의 UI를 정의합니다. 여기에는 Vue의 템플릿 문법을 사용하여 데이터 바인딩, 이벤트 처리 등을 선언적으로 작성할 수 있습니다. Script★ Vue SFC Playground 코드 실행 →데이터바인딩: v-model로 newTask와 요소를 양방향 바인딩.이벤트처리: @keyup.enter로 엔터 키 이벤트를 처리해 ..
Vue.js 3 주요 문법 (vue:) 2024. 12. 19. 09:12
이전 Prev 1 Next 다음