본문 바로가기

IT/Vue.js

 (2)
[Vue.js] 기본 디렉티브(Directive) 1. 디렉티브(Directive : 지시어)란? HTML Element 안에 v- 접두어를 가진 attribute를 의미합니다. 표현식에 직접 값을 넣거나 미리 정의해둔 뷰 인스턴스와 데이터 바인딩하여 반응적으로 표현식을 변경할 수 있습니다. 디렉티브는 기본 디렉티브와 사용자 지정 디렉티브가 있다. 이번에는 기본 디렉티브에 대해 정리하겠습니다. 2. 디렉티브 종류 예시 뷰 인스턴스 new Vue({ el: "#app", data: { list: ['One','Two','Three','four','five','six'], toggle: true, message: 'hello!', imgUrl: 'https://img.test.png' }, methods : { switch : function(){ this..
[Vue.js] Vue.js 란? 1. Vue.js 란 Vue.js는 MVVM(Model-View-ViewModel)을 기반으로 설계된 프론트엔드 프레임워크입니다. 2. Vue.js의 장점 UI를 Component 단위로 개발하여, 기능의 재사용이 쉽습니다. 가상 돔(Virtual DOM)을 사용하며, 다른 프론트엔드 프레임워크와 비교했을 때, 상대적으로 가볍고 빠릅니다. 문법이 직관적이고 단순해서 초기 학습 비용이 낮습니다. 다양한 모듈(vuex, vue-router, vue-validator, vue-resource...)를 제공합니다. 3. MVVM 패턴이란? MVVM 패턴은 페이지를 Model, View, ViewModel 단위로 분리해서 단위 별로 의존성을 줄이고, 화면 처리에 초점을 맞춘 개발 패턴입니다. 자세한 내용은 아래 ..

티스토리툴바