Vue.js란?

Vue.js

프론트엔드 개발을 쉽게 하기 위한 자바스크립트 프레임워크

MVVM 패턴의 뷰모델(ViewModel) 레이어에 해당하는 화면(View)단 라이브러리

 

• View(html DOM) : 사용자에게 보이는 화면
• View Model : View와 Model의 중간 영역으로 DOM Listener와 Data Binding을 제공하는 영역
• Model(JS) : 서버에서 가져온 데이터를 자바스크립트 객체로 저장

 

• DOM : HTML 요소를 담고 있는 데이터 트리
• DOM Listener : DOM 변경에 즉각적으로 반응하여 특정 로직을 수행
• Data Binding : View에 표시되는 내용과 모델의 데이터를 동기화

 

장점

• 러닝커브가 낮음
• React, Angular에 비해 가볍고 성능이 빠름
• React(Virtual DOM), Angular(데이터 바인딩)의 장점을 취함
• 컴포넌트 기반 프레임워크로 뷰 구성, 코드 재사용이 쉬움

 

💡 Virtual DOM

화면에 변화가 있을 때 변경사항을 실시간으로 수정하지 않고, Virtual DOM을 이용해 메모리에서 처리하고 DOM을 한번만 수정한다. 결과적으로 브라우저는 렌더링을 한번만 하게 되기 때문에 렌더링 성능을 높인다.

 

 

 

Reference

https://happy-jjang-a.tistory.com/114