Vue.js 란?

- MVVM 패턴의 ViewModel 레이어에 해당하는 화면(View)단 프레임워크

- 핵심 라이브러리는 뷰 레이어에만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 쉽다는 것이 특징이다.

 

• View
  - 브라우저에서 사용자에게 보여지는 화면
  - 사용자 입력 등이 View에 해당
  - DOM 이라는 것을 사용해서 Java Script에서 html을 조작할 수 있다.
• DOM Listener
  - 사용자의 이벤트가 발생했을 때, DOM Listener로 Vue에서 청취하고,(잡아서) JS에 있는 데이터를 바꿔주거나 특정 로직을 실행
• Data Binding
  - JS의 데이터가 변했을 때, Data Binding을 타게된다.
  - Data Binding을 이용해서 변경된 JS의 데이터를 View에 반영하게 된다.

 

* MVVM 패턴이란?

- MVC, MVVM 패턴 참고