본문 바로가기

vuejs개념2

Vue.js 개념 총정리(2)_컴포넌트 통신규칙 1. 컴포넌트 통신 규칙이 필요한 이유 Vue경우 컴포넌트로 화면을 구성하기 때문에 같은 웹 페이지라고 하더라도 데이터를 공유할 수 없다. 그 이유는 컴포넌트마다 자체적으로 고유한 유효범위(Scope)를 가지기 때문이다. 따라서, 직접적으로는 다른 컴포넌트의 값을 참조할 수 없기 때문에 뷰 프레임워크 자체에서 정의한 컴포넌트 데이터전달 규칙을 따라야한다. 상위에서 하위로는 props 속성을 전달하여 데이터를 내려주고 하위에서 상위로는 이벤트를 발생시킨다. 2.상위컴포넌트 → 하위컴포넌트 데이터 전달 2-1. props란 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달할 때 사용하는 속성. 하위컴포넌트 속성에 정의한다 Vue.component('child-component',{ props:['props속성.. 2021. 1. 30.
Vue.js 개념 총정리(1) _특징,장단점,컴포넌트,라이프사이클 -뷰 공식문서 : https://vuejs.org/v2/guide/ -뷰 스타일가이드: https://vuejs.org/v2/style-guide/ -뷰 쿡북 : https://vuejs.org/v2/cookbook/ 1.Vue.js 란 MVVM 패턴의 뷰 모델 레이어에 해당하는 화면단 라이브러리 바뀐 데이터를 DOM에 다시 대입해줘야지만 화면에 변경점이 적용되는것이 일반적인 웹개발방식 이었다면.. → 데이터의 변화를 라이브러리에서 감지해서 화면에 그려주는 반응형을 지원하는 라이브러리가 바로 Vue.js 이다. MVVM은 모델,뷰,뷰모델로 이루어진 패턴이며, 가장 잘 알려진 MVC는 모델,뷰,컨트롤러로 이루어진 패턴이다. MVVM는 뷰모델을 지원함으로서 뷰가 필요한 데이터와 커맨드를 제공해준다. 뷰모델이.. 2021. 1. 29.