• SFC

single file component로, 하나의 파일이 하나의 컴포넌트를 나타내어 관리가 쉽고 코드가 간결

• LifeCycle Hooks

생명주기를 후킹할 수 있는 방법을 제공 (ex. created, mounted, updated)

• 선언적 렌더링

변수를 선언하고 값을 넣으면 자동으로 DOM에 업데이트

• CSR 동작 방식

• 양방향 데이터 바인딩

  React의 경우 단방향 데이터 바인딩 → 부모에서 자식으로 데이터 전달 가능

  Vue의 경우 양방향 데이터 바인딩 → v-model로 양방향 바인딩 가능 (v-bind는 단방향 바인딩)

• React의 경우 라이브러리, Vue.js는 프레임워크

  • React → 기능을 구현할 여러 방안이 존재
  • Vue → 기능을 구현할 방법이 정해져있음

• props & emit

props → 부모에서 자식으로 데이터 전달 ⇒ v-bind 디렉티브 활용

emit → 자식컴포넌트에서 이벤트를 만들고 부모컴포넌트로 이벤트 넘겨주기

⇒ v-on 혹은 @를 사용해 동작 수행 가능

Vue.js 버전 2의 eventbus와 동일한 기능

• 빠른 HTML 렌더링 → ms시간차이라 매우 근소..

vite 사용하기

vite를 사용해 Vue.js를 시작하였다.

vite는 기존의 Vue CLI를 대체하기 위한 툴, 프론트엔드 개발을 위한 툴 → React 등 사용 가능❗