Vue
Vue.js
GYChoi
2022. 4. 15. 14:18
Vue.js
Vue는 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크 입니다. 다른 단일형 프레임워크와 달리 Vue는 점진적으로 채택할 수 있도록 설계하였습니다. 핵심 라이브러리는 뷰 레이어만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽습니다.
Vue.js 기본 구조
- Vue 컴포넌트의 경우 세개의 구역으로 나누어져 있다.
- template: html부분이다. 이 안에 style태그와 script태그를 사용할 수 없다.
- script: 이 템플릿에서 사용할 스크립트 코드이다. import로 외부라이브러리를 가져올 수 있다.
- style: 이 템플릿에서 사용할 css이다. scoped속성을 부여하면 딱 이 스타일에서만 사용할 수 있다. 아무것도 없으면 자식 컴포넌트도 일괄 적용된다.