Vue.js

---

type: Vue.js archive: false

Vue.js

Vue.js

---

Evan You에 의해서 만들어짐

Vue 탄생은 Google에서 Angular로 개발하다가 가벼운 걸 만들어 보고 싶은 생각으로 시작한 개인 프로젝트.

사용자 인터페이스르 만들기 위해 사용하는 오픈 소스 Progressive Framework

Vue.js 특징

---

Approachable (접근성)

Versatile (유연성)

Performant (고성능)

MVVM Pattern

---

Model + View + ViewModel

Model : 순수 자바스크립트 객체

View : 웹페이지의 DOM

ViewModel : Vue의 역할

기존에는 자바스크립트로 view에 해당하는 DOM에 접근하거나 수저하기 위해 jQuery와 같은 library 이용.

Vue는 view와 Model을 연결하고 자동으로 바인딩하므로 양방향 통신을 가능하게 함

!Untitled 31.png

MVC vs MVVM

---

!Untitled 1 11.png

Vue.js Installation

---

• Direct <script> include

  download

  CDN : <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

• NPM

• CLI

https://vuejs.org/v2/guide/installation.html

Hello Vue.js

---

!Untitled 2 10.png