vue 입문

source: categories/study/vue/vue.md

vue 입문 간단 정리

Spa, component 프론트앤드 프레임워크
vue cli
라우터 - 모든 리소스를 미리 로드 사용자 브라우저에, 즉 페이지 첫 접속시 좀 느릴 수도..하지만 페이지 사용중엔 굉장히 빠른..
미리 로드해놓고 사용자 요청에따라 빠릿빠릿하게 분기처리. 그래서 페이지 사용 중에 속도빠름!!!
데이터 처리
메소드
라이프사이클 이벤트 훅
v-model
v-for
v-if, v-show 기능은 같으나 차이점: v-if는 랜더링을 계속 함.
v-show는 렌더링 처음에만함. Css displaynone block 처럼 처리.
자주 on/off되는 컴포넌트라면 v-show가 리소스를 덜 잡아먹음.
데이터 양방향구조.
watch 데이터 실시간 감시.
중괄호 두개 안에 변수
이벤트는 @click 이렇게 골뱅이 표시