Front-end/Vue 3 2

[Vue 3] SFC 문법

🔍 SFC 문법 📍 개요 *.vue 파일 확장자를 사용하는 SFC(Vue 싱글-파일 컴포넌트)는 HTML과 유사한 문법을 사용함 Vue 컴포넌트를 설명하는 커스텀 파일 형식 세 가지 유형의 최상위 언어 블록(, , 예를 들어 컴포넌트 설명서가 될 수 있습니다. 📍 언어 블록 ✅ *.vue 파일은 최상위 블록 하나만 포함할 수 있음!! 컨텐츠는 추출되어 @vue/compiler-dom으로 전달됨 JavaScript 렌더 함수로 사전 컴파일되며, 내보낸 컴포넌트에 render 옵션으로 첨부됨 ✅ *.vue 파일은 하나의 블록만 포함할 수 있음!! 제외 스크립트는 ES 모듈로 실행됨 기본 내보내기는 일반 객체 또는 defineComponent의 반환 값으로 Vue 컴포넌트 옵션 객체여야 함 ✅ *.vue 파일..

Front-end/Vue 3 2023.05.10

[Vue 3] Vue 시작하기

🔍 Vue 3 시작 회사 업무에서 프론트엔드 프레임워크로 Vue 3를 사용하는데, 아직 한 번도 다뤄본 적이 없기에 공식문서를 통해 학습을 진행하고자 함! 📍 Vue ? 사용자 인터페이스 구축을 위한 JavaScript 프레임워크 표준 HTML, CSS 및 JavaScript를 기반으로 구축되며, 사용자 인터페이스를 효율적으로 개발할 수 있는 컴포넌트 기반 프로그래밍 모델을 제공함 import { createApp } from 'vue' createApp({ data() { return { count: 0 } } }).mount('#app') 숫자 세기: {{ count }} 선언적 렌더링: Vue는 표준 HTML을 템플릿 문법으로 확장하여 JavaScript 상태(State..

Front-end/Vue 3 2023.05.10