Front-end/Vue.js7 컴포넌트 통신 이란 ? 그림에서 보듯이 컴포넌트는 상위 컴포넌트와 하위컴포넌트가 존재한다 뷰 컴포넌트는 각각 고유한 데이터 유호 범위를 갖습니다. 따라서 , 컴포넌트 간에 데이터를 주고 받기 위해선 규칙이 필요합니다!!!! 근데 왜 규칙이 필요한가 그냥 아래로 넘겨주면 될꺼같은데 ... 이러한 데이터 관계가 생긴다면 데이터 변경으로 인한 버그를 추적하기 어렵다는 문제를 가지고 있다. 그러한 점을 해결하기 위해 아래와 같이 컴포넌트에 규칙이 생긴다면 데이터의 추적을 할 수 있다는 장점을 가지고 있다!!! 2019. 12. 27. Instance / Component 사실 인스턴스라는 이야기는 객체지향 공부를 하면서 많이 듣고 알고있는 내용이다. 근데 vue에서의 insttace 와 자바스크립트의 instance 의 내용은 똑같다고 보면 된다!.. # Instance new Vue(); console창에 Vue라는 인스턴스를 만들게 되면 미리 정의되어 있는 속성과 메소드 (API) 가 있기 때문에 이 기능들을 이용해서 빠르게 개발이 가능합니다! 인스턴스에서 사용할 수 있는 속성과 API는 다음과 같습니다. new Vue({ el : , template : , data : , methods : , created : , watch : , .... }); el : 인스턴스가 그려지는 화면의 시작점 (특정 HTML 태그) template : 화면에 표시할 요소 (HTML, .. 2019. 12. 26. Vue VUE 란 ? ' MVVM 패천의 뷰모델 레이어에 해당하는 화면(View)단 라이브러리 ' 간단하게 설명을 하자면 view의 키보드 입력 이라던지 마우스 click 등의 이벤트를 VUE DOM listeners가 청취하게 된다. 이러한 이벤트를 잡아서 javaScript에 있는 데이터를 바꿔주거나 지정했던 특정 로직에서 실행을 한다! javaScript의 데이터가 변경되었을때 Data Bindings 를 통해서 화면에 반영 됩니다!! 기존의 개발 그러나 이런걸 Vue 의 Reactivity로 구현하자면 Reactivity는!! 데이터의 변화를 라이브러리에서 감지해서 화면을 구성을 해준다 2019. 12. 26. 이전 1 2 다음
