[Vue.js] Vue 란?

Vue.js

• SPA(Single Page Application) 개발을 위한 프론트엔드 프레임워크이다.
• 장점
  • 직관적이고 배우기 쉽다.
  • 재사용을 통한 애플리케이션을 개발 기간 단축 및 양질의 코드를 생산할 수 있다.
  • Angular의 장점(데이터 바인딩)과 React의 장점(가상 돔)을 모두 가지고 있다.
• 특징
  • MVVM 패턴 사용
    • MVVM(Model-View-ViewModel)
    • 프로그래밍 로직과 화면에 해당하는 view를 분리해서 개발하기 위해 설계된 패턴
    • 웹에서는 HTML DOM이 View, 자바스크립트가 Model 역할을 함
    • MVVM패턴은 View와 Model 중간에 ViewModel을 둠으로써 데이터 바인딩 처리 및 가상 DOM을 통한 성능 및 개발의 편의성을 제공하기 위해 만들어짐
  • 컴포넌트(Component)를 사용한 높은 재 사용성
    • 컴포넌트: View를 재사용할 수 있는 구조로 개발하는 것
    • Vue로 개발된 파일(.vue) 하나하나가 모두가 컴포넌트이다.
    • Vue에서 하나의 컴포넌트는 HTML+CSS+Javascript로 이루어져 있고, 다른 컴포넌트에서 import해서 바로 사용할 수 있다.