Vue JS란

1. Vue Js란 

vue.js는 웹 페이지 화면을 개발하기 위한 프론트엔드 프레임워크이다. vue.js는 여타 다른 프론트엔드 프레임워크보다 배우기 쉽다는 장점이 있다. 리엑트와 앵귤러라는 프레임워크의 장점들을 쏙 빼와서 더욱 빠르고 가볍게 만든 프레임워크라고 한다.

2. Vue Js 장점

1. 배우기가 쉽다 - 입문자에게 좋은 프레임워크이다. 

2. 리액트와 앵귤러에 비해 성능이 우수하다. 

3. 리액트와 앵귤러의 장점을 갖고 있다. 

 

3. Vue Js 특징

MVVM 패턴의 뷰 모델(View Model)에 해당하는 화면단 라이브러리이다.

 MVVM이란 화면을  모델(Model) - 뷰(View) - 뷰모델(View model)로 구성화 하여 개발하는 방식 

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

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

3. 컴포넌트 기반 프레임워크

컴포넌트 기반으로 개발하는 이유는 코드의 재사용하기가 쉬우며 뷰의 경우 컴포넌트를 썼을 때 HTML 코드에서 화면의 구조를 직관적으로 파악이 가능하다.