vue.js - 이벤트 헨들링
이벤트 제어 v-on 디렉티브를 이용해서 이벤트를 등록할 수 있습니다. v-on 대신 약어 @를 이용할 수 있습니다. v-on 디렉티브를 이용해서 등록한 이벤트는 vue.js에 의해서 관리합니다. 이벤트가 등록된 DOM요소가 제거되면 vue.js가 알아서 이벤트를...
Recent Posts
vue.js - 조건부 렌더링
조건부 렌더링 웹사이트마다 상황에 따라 다른 화면 또는 컨텐츠를 제공할 경우 유용하게 사용가능합니다. vue에서는 이러한 경우에 v-show와 v-if 디렉티브를 제공합니다. v-show css의 display속성을 이용한 화면 표시 여부를 결정합니다. j...
vue.js - 데어터와 메소드
메소드 methods란 옵션 속성에 함수들을 정의한 객체 전달 code pen 데이터 Vue 인스턴스의 data 객체에 있는 모든 속성을 프록시 처리 쉽게, 하나의 데이터로 공유하는 개념 예시 // 데이터 객체 var data = { a: 1 } //...
vue.js - 템플릿 문법 - Directive
Directive(디렉티브)란 디렉티브는 v- 접두사가 있는 특수 속성입니다. 디렉티브 중 v-for을 제외한 단일 javascript 표현식입니다. 디렉티비의 역할은 표현식 값이 변경될 때마다 DOM에 반응적으로 적용하는 것입니다. 모든 디렉티브 속성을 확인하고 싶...
vue.js - 템플릿 문법 - Interpolations
템플릿 문법의 종류 Interpolations Directive Component Tag Interpolations(보간법) 이란 html문법에서 script태그 안쪽이 아닌 부분에서도 중괄호 두 개를 이용하여 javascript를 쓸 수 있게하는 문법 ...