Vue.js는 뭘까?

Vue 란? 

2014년 Evan You 가 만든 front 앱의 기본 뼈대와 Api를 제공 하는 자바스크립트 프레임워크이다.  

프레임워크(Framework) vs 라이브러리(Library)

 

Vue 장점 

• 직곽적이라 배우기가 쉽다. 
• 재사용을 통한 애플리케이션의 개발 기간 단축 및 양질의 코드를 생산 할 수 있다. 
• 여러명이 개발할 때 코드 규격을 맞추기가 쉽다. 
  
  

Vue 특징

• UI 화면 라이브러리 
  화면의 요소를 제어하는 코드와 데이터 로직을 분리 → 코드를 직관적으로 이해, 유지보수 편리함 증가 
• 컴포넌트 기반 프레임워크 : 화면을 여러개의 작은 단위로 쪼개어 개발 함으로 재사용성, 구현 속도, 코드 가독성 증가
  기본 HTML 엘리먼트를 중첩하는 방법과 매우 유사하지만, Vue는 각 컴포넌트에 사용자 정의 컨텐츠와 논리를 캡슐화할 수 있는 자체 컴포넌트 모델을 구현한다.  컴포넌트 베이스 개발로 하나의 컴포넌트는 <template>, data, methods로 구성되며 이 3개가 유기적으로 동작한다. 
• 양방향 데이터바인딩 & 단방향 데이터 흐름 가능
  - 양방향 데이터 바인딩 : 화면에 표시되는 값과 프레임워크 모델 데이터 값이 동기화 되어 한쪽이 변경 되면 다른 한쪽도 자동으로 변경 되는 것을 말한다. - 단방향 데이트 흐름 : 컴포넌트 단방향 통신을 의미하는데 컴포넌트 간 데이터를 전달할 때 항상 상위 컴포넌트에서 하위컴포넌트 방향으로 전달 하게 끔 구조화 되어 있는 것을 의미한다. 
• 가상 돔 (Virtual DOM) - 빠른 렌더링 가능
  
  화면 전체를 다시 그리지 않고 프레임워크에서 정의한 방식에 따라 화면 갱신