Vue.js 특징 및 차이점

기본정보

• SPA(Single Page Application)기반 프레임워크이다.
  페이지 전환없이 동적으로 콘텐츠를 로드/업데이트 하는 웹 어플리케이션이다.
• HTML마크업 기반의 템플릿 문법을 사용한다.
• 다른 프레임워크들처럼 CLI 툴을 제공한다.
• 단방향 데이터바인딩과 양방향 데이터바인딩을 모두 지원한다.
  양방향 데이터 바인딩 - 뷰가 변경되면 모델도 변경, 모델이 변경되면 뷰도 변경되는 처리방식.
  단방향데이터 바인딩 - 상대적으로 예측이 쉬워 코드가 더 안정적이지만 양방향 데이터바인딩에 비해 코드작성에 시간이 더 걸린다.
  
  

 Vue.js 장점

 

• 유연하고 쉽게 배울수 있다. 다른프레임워크에 비해 상대적으로 쉬운 학습곡선을 가지며, 간단한 문법과 유연성으로 빠르게 개발할 수 있다.
• 강력한 커뮤니티 및 생태계 : 큰 커뮤니티와 , 다양한 라이브러리를 제공해주어 개발자들은 보다 빠르게 개발 가능하다.
  
  

Vue.js 단점

 

• 광범위한 네트워크가 필요하다.
• 리엑트와 앵귤러에 비해 상대적으로 작은 생태계를 가지고 있다. 

---

Vue.js에서 컴포넌트란?

 

재사용 가능한 UI 요소라 말할수 있다.

컴포넌트는 하나의 기능을 담당하는 독립적인 모듈이며, 컴포넌트들을 조합하여 전체적인 애플리케이션이 구성된다.

Vue.js에서 각각의 컴포넌트는 데이터, 메서드, 프로퍼티, 이벤트 등을 가질 수 있다.

 

컴포넌트 간의 통신방법은

 

1. Props 와 Custom Events를 이용한 상위(부모) 컴포넌트에서 하위(자식) 컴포넌트로 데이터를 전달하는 방식.

2. Vuex를 이용한 상태관리( Redux와 같은기능)

 

 

 

 

참고:블로그