[Vue]

[Vue.js]

 

NPM
-패키지관리도구

WebPack
-모듈번들러
-------------------------------------------

[배경]

 

- 자바스크립트 생태계

stateofjs.com/

 

- 잔인한 프레임워크 생명주기

stackoverflow.blog/2018/01/11/brutal-lifecycle-javascript-frameworks/

 

** 제이쿼리에 vue.js 변환이 쉽다
** html+css+js 한파일에 다룬다 .vue

-------------------------------------------
*live server
*vetur

night owl  or github plus --테마
Material Icon Theme   
Eclipse Keymap
-------------------------------------------

 

# 개발자 모드 , 프로덕션 모드
- 프로덕션은 개발자모드에서 보이지 않음
- 다른 사람이 알아보지 못하하도록, 

# Vue는 프레임워크 입니다.(무조건 지켜!)
명시렌더,컴포넌트 단계까지는 라이브러리
라우터,상태관리까지 기능쓰면 lib이자 framework

 

#

Vue.js 코어
Vue Router
Vuex
Vue CLI
Vue Devtools

#
인스턴스 :: new Vue({ ... }).<root>. 최상위컴포
컴포넌트 :: 구조적 설계를 위한요소. 보수편리
라우터  :: 화면 이동 방법
템플릿  :: 화면 꾸미는 방법
** 컴포넌트 전역선언과 지역선언의 차이

#
브라우저 저장소

확인 :: 개발자모드 - Application - Local Storage

사용 :: axios.post('주소', this.inputText) 
          ** 에이젝스처럼 보내는 기능

-------------------------------------------

[문법]

 

el :: 바인딩
data :: 데이터
methods  ::
coponents ::
created :: 라이프사이클

arr.push('what')
arr.splice('where','how)

 

-------------------------------------------

#
VirtualDOM 쓰는 이유는
비즈니스 실행시 
필수 작업(랜더링,페인팅)소요시간 줄일 수 있다.
** Performance 에서 확인가능

# 
싱글 뷰 컴포넌트가 가독성 좋고 지원하는것이
많다. cdn으로 하면 한계가 있다.. 지양