Vue.js 란?

vue3 공식문서 시작하기 전에 공식 문서에 정리되어 잘 나와있다.
vue2 공식문서 Vue3 나와서 Vue 2 문서를 옮기고 있나보다.

Vue.js란?

사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크 이다.

SPA 장점

SPA(Single Page Application)은 웹 페이지 하나에 여러가지 기능을 넣어서 "하나의 페이지로 동작하는 웹 어플리케이션" 이다.

• 기존의 웹 어플리케이션 동작
  

• SPA 웹 어플리케이션 동작
  

1. 자연스럽게 변경되는 페이지
   웹 페이지의 내용이 변경될 때 페이지 전체를 읽어 들이지 않고, 부분만 변경하는 것이므로 내용이 변하는 것이 자연스럽고 빠르다.
2. 서버와 프론트엔드의 역할 분담
3. 컴포넌트별로 개발하기 때문에 생산성이 향상

SPA를 만드는 것이 가능한 라이브러리로 유명한 것은 구글이 만든 풀 스택 프레임워크 Angular JS 페이스북이 만든 React 등이 있다.

Vue.js는 이전에 구글의 Angular JS 개발팀의 일원이었던 에반유가 개발하여 2014년에 릴리즈된 새로운 프레임워크이다.

MVVM

Vue.js는 한마디로 말해서 데이터와 뷰(view)를 연결해주는 역할로 MVVM (Model-View-ViewModel) 이라는 방식을 기본으로 만들어져 있다.

1. 데이터는 무엇인가? (Model)
   웹 페이지에서 바뀌는 부분은 어디인가? 그러기 위해서 필요한 데이터
2. 표시되는 요소는 무엇인가? (View)
   데이터가 HTML의 어느 부분에서 어떤 형식으로 표시되는가
3. 어떤 식으로 연결되는가? (ViewModel)
   HTML의 어디가 조작될 때 데이터가 어떤 형식으로 변화되는가