Vue.js란

웹페이지 화면을 개발하기 위한 프론트엔드 프레임워크.
배우기 쉽다는 장점이 있다.
React, Angular의 장점들을 적용해 만들었다고 한다.

특징

MVVC 패턴

vue는 UI화면 개발 방법 중 하나인 MVVC 패턴의 뷰 모델에 해당하는 화면단 라이브러리다.

모델(Model) - 뷰(View) - 뷰 모델(ViewModel)로 구조화하여 개발하는 방식을 의미한다.

화면의 요소들을 제어하는 코드와 데이터 제어 로직을 분리하여 코드를 더 직관적으로 이해할 수 있고, 유지 보수가 용이하다.

용어	설명
뷰(View)	사용자에게 보이는 화면
돔(DOM)	HTML 문서에 들어가는 요소(태그, 클래스, 속성 등)의 정보를 담고 있는 데이터 트리
돔 리스너(DOM Listener)	돔의 변경 내역에 대해 즉각적으로 반응하여 특정 로직을 수행하는 장치
모델(Model)	데이터를 담는 용기. 보통은 서버에서 가져온 데이터를 자바스크립트 객체 형태로 저장
데이터 바인딩(Data Binding)	뷰(View)에 표시되는 내용과 모델의 데이터를 동기화
뷰 모델(ViewModel)	뷰와 모델의 중간 영역. 돔 리스너와 데이터 바인딩을 제공하는 영역

장점

• 데이터 바인딩과 화면 단위를 컴포넌트형태로 제공하며, 관련API를 지원하는데 궁극적인 목적이 있음.
• View와 Model간 양방향 바인딩 가능
• 컴포넌트 간 통신의 기본 골격은 React의 단방향 데이터 흐름(부모 -> 자식)을 사용
• 가장 적은 러닝커프
• 매우 적은 크기
• React, Angular의 장점 적용

간단하게 정리하지만
라이프사이클도 있고 조건문, 반복문에 사용되는 문법이 정해져있다.

출저: https://coding-start.tistory.com/213
https://velog.io/@dl_edge/Vue.js-Vue.js-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0