Vue.js
-
상-하위 컴포넌트의 관계Vue.js 2020. 2. 12. 23:07
각각의 컴포넌트는 고유한 유효 범위를 갖고 있기 때문에 직접 다른 컴포넌트의 값을 참조할 수 없다. 따라서 뷰 프레임워크 자체에서 정의한 컴포넌트 데이터 전달 방법을 따라야 한다. 부모-자식 컴포넌트간의 데이터 전달 방법이다. 전달방법 상위->하위 :props 전달 하위->상위 :이벤트 전달 *props 속성 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달할 때 사용하는 속성 props 사용을 위해선 -하위 컴포넌트의 속성에 정의 -상위 컴포넌트 태그에 v-bind 속성을 추가 하위에서 상위로 이벤트 전달하기 이벤트 발생과 수신은 $emit()과 v-on 속성을 이용한다.
-
인스턴스와 프로퍼티Vue.js 2020. 2. 9. 15:46
뷰료 화면을 생성하기 위해 필수적으로 생성해야 하는 기본 단위. 뷰 생성자 new Vue()로 인스턴스를 생성할 때 Vue를 생성자라고 한다. Vue 생성자는 Vue라이브러리를 로딩하고 나면 접근할 수 있다. 생성자를 사용하는 이유는 생성자에 미리 정의해 놓고 사용자가 기능을 재정의하여 편리하게 사용하도록 하기 위함 *생성자란? 객체 생성시 자주 사용 하는 옵션과 기능들을 미리 특정 객체에 저장해 새로운 객체를 생성할 때 기존에 포함된 기능과 더불어 기존 기능을 쉽게 확장하여 사용하는 기법. 뷰 인스턴스 옵션 속성 인스턴스를 생성할 때 재정의할 data,el,template 등의 속성을 의미 미리 정의 되어 있는 옵션 속성으로 el,data,methods,created,template가 있다. el:뷰로..