Vue.js 란? Vue2와 Vue3의 차이점

https://vuejs.org/

Vue.js

 

The Progressive
JavaScript Framework 란 무엇인가?

 

- 간단한 화면 ui 개발부터 라우팅, SSR 등의 애플리케이션 레벨의 개발을 지원하는 프레임워크

 

라우팅(routing) : 페이지 간의 이동

SSR(Server Side Rendering) : 서버 사이드 렌더링

 

- 리액트와 더불어 실무에서 가장 많이 사용되고 있는 프런트엔드 개발 라이브러리

- 리액트에 비해 진입 장벽이 낮고 쉽게 배울 수 있다.

- 개발 생산성이 높고 자바스크립트 지식이 크게 요구되지 않는다.

- 프런트엔드, 백엔드 등 점차 직무적으로 전문화 되고 있는 상황에서 처음 개발을 시작하는 프런트엔드 개발자 또는 백엔드 개발자에게 선호되는 경향

 

---

 

Vue 2와 Vue 3의 차이점

- 라이브러리 내부 로직 재작성 (3에서는 타입스크립트로 재작성됌)

타입스크립트(TypeScript): 타입이 있는 자바스크립트

- 주요 개발 도구들 변경

  예) 뷰 개발자도구, VSCode 플러그인, Vite 기반 프로젝트 생성 등

Vetur(Vue2 플러그인), Volar(Vue3 플러그인)

- 컴포지션 API, Teleport 등 새로운 문법 지원

- 리액티비티 시스템 기발 API 변경

- 공식 문서 변경

 

 

3의 문법에는 Options와 Composition이 있다.

vue를 처음 다뤄본다면 Options를 사용하는게 좋다.

Composition은 모듈 등을 만들 때를 위해 더 많이 사용된다고 한다.. 실무에선 어떨지 모르겠지만

일단 Options로 감을 익히는 것이 좋다고 한다.