Vue 빠르게 훑기

Differ between Vue2 and Vue3

1. Vue3에서는 다중루트노드 지원
2. Vue3에서는 Emit 정의 지원

web-app :

Means Single Page Application Vue, React, Angular etc..

Vue instance's Life Cycle:

beforeCreate : 가장 처음, data, methods 선언 전, DOM 접근 불가
created : data methods 정의, 접근 가능, DOM 접근불가(template 속성)
beforeMount : 인스턴스 부착 전
mounted : 인스턴스 부착 후, template속성에서 정의한 DOM 접근 가능
beforeUpdate : 데이터 변경 후 리렌더링 전, 데이터 변경 가능
updated : 데이터 변경 후 리렌더링, 화면제어, 데이터 변경시 무한루프주의, DOM 로직 추천
beforeDestroy : 인스턴스 파괴 전, 뷰의 데이터 삭제
destroyed : 인스턴스 파괴 후

Component :

Like React, Split page as Component

Router :

Like React, Path control

Event Bus (not recommend), Vuex (Recommend) :

State Management in Vue like Redux or Recoil in React

HyperText Transfer Protocol :

HTTP recommended using axios lib

Directive :

v-if(영역차지안함)
v-for(반복처리)
v-show(영역차지)
v-bind(데이터바인딩)
v-on(이벤트처리)
v-model(데이터처리) 

Additional attribute:

computed:
	data 값의 변경에 따른 재연산
methods: 
	호출시 연산
watch:
	data 변경시 비동기처리