Vue.js 기초

Vue.js 공식 설명사용자 인터페이스를 만들기 위한 프로그레시브 자바스크립트 프레임워크.다른 단일형 프레임워크와 달리 점진적으로 채택할 수 있도록 설계.MVVM 패턴의 뷰모델(ViewModel) 레이어에 해당하는 화면(View)단 라이브러리기존의 HTML과 순수 Ja

Vue 공식문서 설명모든 Vue 앱은 Vue 함수로 새 Vue 인스턴스를 만드는 것부터 시작합니다.관례적으로, Vue 인스턴스를 참조하기 위해 종종 변수 vm(ViewModel의 약자)을 사용합니다.Vue 인스턴스를 생성할 때는 options 객체를 전달해야 합니다.V

Vue 공식문서 설명컴포넌트는 Vue의 가장 강력한 기능 중 하나입니다. 기본 HTML 엘리먼트를 확장하여 재사용 가능한 코드를 캡슐화하는 데 도움이 됩니다. 상위 수준에서 컴포넌트는 Vue의 컴파일러에 의해 동작이 추가된 사용자 지정 엘리먼트입니다.Vue 컴포넌트는

뷰 컴포넌트는 각각 고유한 데이터 범위를 가지므로, 컴포넌트간 데이터 교환을 위해서 다음 규칙을 따라야 한다.상위 -> 하위 데이터 전송 : props 전달하위 -> 상위 데이터 전송 : 이벤트 발생컴포넌트 통신 규칙이 필요한 이유데이터의 흐름을 추적할 수 있기 때문.

CDN 방식NPM 방식

뷰 템플릿 문법은 뷰로 화면을 조작하는 방법.뷰 인스턴스에서 정의한 속성들을 화면에 표시하는 방법.가장 기본적인 형태는 "Mustache” 구문(이중 중괄호)를 사용하는 것이다.v- 접두사를 사용한 특수 속성으로, 디렉티브 속성값은 단일 JavaScript 표현식이 된