# VueJS 2.0

vueJS

VueJS 2.0

 

스택오버플로우 질문 수 3379개

 

VueJS = 프론트엔드 자바스크립트 프레임워크

• 매우 작고 가벼움
• 시작하기 쉬움
• 다른 라이브러리와 프레임워크와 혼용하기 쉬움
• 메뉴얼이 타 프레임워크 / 라이브러리에 비해 한글화가 잘되어있음

 

Vue 와 react의 공통점

1. 가상DOM을 사용한다.
2. 컴포넌트를 제공한다.
3. 뷰에만 집중을 하고 있고, 라우터, 상태관리를 위해 써드파티 라이브러리를 사용한다.

*라우터란?

*써드파티 라이브러리란?

 

vue와 react의 성능차이

• 모든 시나리오에서 vue가 react보다 우수한 성능을 발휘
• 컴포넌트의 종속성이 렌더링 중 자동으로 추적되어 시스템에서 다시 렌더링 해야하는 컴포넌트를 정확히 알고 있다.
• 최적화 되지 않았거나, 최적화 되었을때도 vue가 react보다 빠르다.

 

리액트에서는 JSX를 사용, Vue에서는 템플릿을 사용

-> vue에서도 원한다면 JSX를 사용할 수 있다.

*JSX란?

 

vue에서도 서버사이드 렌더링이 지원된다.

스트리밍 서버사이드 렌더링이 지원되어 이벤트 루프가 막히지 않음.

따라서 유저들에게 더 빠른 결과를 반환한다.

 

Directive란?

Vue의 기능들을 사용하기 위해서 사용하는 HTML 태그 안에 들어가는 하나의 속성

모두 v-text 이런식으로 ‘v-prefix’형태를 하고 있다.

 

디렉티브는 현재 13개의 종류가 있다.

 

Vue에서의 컴파일이란?

템플릿으로 작성한 코드가 자바스크립트 형태로 변환되어 Vue에서 이리저리 조작할 수 있도록 하는 과정

 

단방향 바인딩

데이터의 값이 변하면 바로바로 업데이트 된다.

 

양방향 바인딩

데이터에 있는 값이 뷰에 나타나고, 뷰의 값이 바뀌면 데이터의 값도 바뀐다.