반응형 vue2 [Vue] vue.js 문법 1. 데이터 바인딩의 가장 기본적인 형태는 이중괄호{{ }}를 사용 {{ msg }} 2. v- 접두사 사용 : 렌더링 된 DOM에 특수한 반응형 동작을 주기위해 사용 ex) v-on v-model v-for v-if c-cloak ... // .prevent 수식어는 트리거된 이벤트에서 event.preventDefault()를 호출하도록 // v-on 디렉티브에게 알려줍니다. ... 이 문구에 마우스를 올리면 동적으로 바인딩 된 title을 볼 수 있습니다! var app2 = new Vue({ el: '#app-2', data: { message: '이 페이지는 ' + new Date() + ' 에 로드 되었습니다' } }) 3. 조건문 이제 나를 볼 수 있어요 var app3 = new Vue({.. 2022. 3. 25. [Vue] vue.js 소개 Vue.js? : MVVM(Model-View-ViewModel) 패턴을 기반의 라이브러리로, 재사용이 가능한 UI들을 묶어서 사용 가능하다. Virtual DOM의 사용합니다. Angular, React에 비해 매우 작고 가벼우며 복잡도가 낮습니다. Template과 Componenet를 사용하여 재사용이 가능한 사용자 인터페이스를 묶고 View Layer를 정리하여 사용합니다. 문법이 단순하고 간결하여 초기 학습 비용이 낮고 누구나 쉽게 접근 가능합니다. * MVVM(Mode - View - ViewModel)? : 로직과 UI의 분리를 위해 설계된 패턴입니다. 웹페이지는 돔과 자바스크립트로 만들어지게 되는데 돔이 View 역할을 하고, 자바스크립트가 Model 역할을 합니다. 뷰 모델이 없는 경우에.. 2022. 3. 24. 이전 1 다음 반응형
