[Vue.js] 컴포넌트 심화4 - Provide/Inject
앞에서 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달해야 하는 경우 props를 사용하면 된다는 것을 공부했다. 그런데 만약 컴포넌트 계층 구조가 복잡하게 얽혀 있어서 부모 컴포넌트로부터 자식 컴포넌트, 그리고 그 자식 컴포넌트의 자식 컴포넌트로 데이터를 전달하는 경우가 발생하면...
최근 포스트
[Vue.js] 컴포넌트 심화2
부모 컴포넌트에서 자식 컴포넌트의 이벤트 직접 발생시키기 부모 컴포넌트에서 자식 컴포넌트의 버튼을 클릭하는 이벤트를 만들어보자
[Vue.js] 컴포넌트 심화
컴포넌트 안에 다른 컴포넌트 넣기
[Vue.js]서버 데이터바인딩(미완)
서버와의 데이터 통신을 위한 API 호출 메소드 만들기
Vue.js 프로젝트를 위한 Mock 서버
Mokc 서버란 실제 서버처럼 클라이언트로부터 요청을 받으면 응답하는 가짜 서버를 말한다. 실제 Vue 프로젝트에서는 모든 데이터를 서버로부터 받아오기 때문에 가짜 서버인 Mock 서버를 준비해서 실제처럼 api를 호출해서 데이터를 받아와 Vue에서 사용하자.
Vue.js 기초 - 컴포넌트- computed와 watch
conputed와 watch
Vue.js 기초 - 컴포넌트- 이벤트 처리
클릭 이벤트(v-on:click) 클릭 이벤트틑 v-on:clock=”메소드명” 혹은 @click=”메소드명”을 사용해서 추가할 수 있다.
Vue.js 기초 - 컴포넌트- 랜더링 문법
Vue 컴포넌트에서 조건에 따라 랜더링을 하는 방법은 v-if 디렉티브와 v-show 디렉티브를 사용하는 방법이 있다.
Vue.js 기초 - 컴포넌트- 데이터바인딩
데이터 바인딩 Vue는 Angular와 마찬가지로 양방향 데이터 바인딩을 지원한다. 양방향 데이터 바인딩이란 모델에서 데이터를 정의한 후 뷰와 연결하면 모델과 뷰 중 어느 한쪽에 변경이 일어났을 때 다른 한쪽에 자동으로 반영되는것을 말한다.