Vue.jsMVVM패턴의 뷰모델(ViewModel) 레이어에 해당하는 화면(View)단 라이브러리다음 순서대로 진행된다.View브라우저에서 사용자에게 비춰지는 화면 HTML.DOM을 이용하여 자바스크립에서 조작할 수 있다.\--> DOMDOM ListnersViewMo
인스턴스뷰로 개발할 때 필수로 생성해야 하는 코드new Vue(); 와 같이 작성한다.변수 안에 인스턴스를 담을 수 있다.일반적으로 JavaScript에서 인스턴스를 만드는 방법은 객체생성자를 이용하는 것이다.매번 함수를 정의하는 것이 아니라 미리 정의된 함수를 가져다
컴포넌트화면의 영역을 구분하여 개발할 수 있는 뷰의 기능.컴포넌트 기반으로 화면을 개발하면 코드의 재사용성이 올라가고 빠르게 화면을 제작할 수 있다.전역 컴포넌트 생성 코드예시지역 컴포넌트 생성 코드인스턴스의 components 속성으로 생성해준다.예시결과
app-content의 pass 버튼을 눌렀을 때 같은 컴포넌트 레벨인 app-header로 passNum 값을 전달하고 싶다면?app-content에서 app-header로 바로 값을 보낼 수 없으므로 $emit을 이용하여 먼저 값을 Root로 보낸다.그 다음에 Ro
event emit 하위 컴포넌트에서 상위 컴포넌트로 통신하기 위해 신호를 보내는 것
뷰 컴포넌트는 각각 고유한 데이터 유효 범위를 갖는다.따라서 컴포넌트 간에 데이터를 주고 받기 위해서는 다음과 같은 규칙을 따라야 한다.상위에서 하위로는 데이터를 내려준다. props 전달하위에서 상위로는 이벤트를 올려준다. 이벤트 발생 컴포넌트가 데이터를 주고 받을