vue.js - 컴포넌트
컴포넌트란? 컴포넌트는 작고 그 자체로 제기능을 하며, 재사용할 수 있는 부품입니다. 거의 모든 어플리케이션 인터페이스는 컴포넌트 트리로 추상화 할 수 있습니다. Vue에서 컴포넌트는 미리 정의된 옵션을 가진 Vue인스턴스 입니다. 컴포넌트 사용법 &l...
Recent Posts
vue.js - 인스턴스 생명주기
Vue 인스턴스 생명 주기 크게 생성, 초기화, 갱신, 소멸의 4가지 단계로 구분됩니다. 생성(Create) 단계 이벤트와 생명주기 메소드가 초기화됩니다. 메소드 옵션, 계산된 속성 등 Vue인스턴스의 속성으로 바인딩하고 데이터 속성 변화를 감시하도록 설정...
vue.js - 리스트 렌더링
리스트 렌더링 비슷한 템플릿을 반복해서 나타날 때 v-for디렉티브를 사용하면 쉽게 리스트를 렌더링 할 수 있습니다. v-for 디렉티브의 범위를 숫자로 지정할 경우 0부터 시작하지 않고 1부터 시작합니다. 배열을 이용해서 표현할 경우 아래와 같은 예시로 표현할 수 ...
vue.js - 폼 입력 바인딩
사용자 입력 데이터 바인딩 v-model 디렉티브를 이용해서 input, textarea, select등과 같은 폼과 관련된 태그의 데이터를 바인딩 할 수 있습니다. v-model 디렉티브를 사용하면 폼 관련 태그의 입력과 데이터 바인딩을 양방향으로 손쉽게 할 수 있습니...
vue.js - 데이터 바인딩
클래스와 스타일 바인딩 데이터 바인딩은 엘리먼트의 클래스 목록과 인라인 스타일 등을 조작하기 위해서 사용합니다. Vue에서는 v-bind 디렉티브를 이용해서 표현합니다. 이를 이용해서 태그의 속성값을 동적으로 지정할 수 있습니다. <div id="app"&g...