vue 설치

npm install -g vue

vue/cli 설치

npm install -g @vue/cli

vue 프로젝트 생성

vue create 프로젝트이름

디렉티브(Directives)

• v- 접두사가 있는 특수 속성

• 디렉티브 속성 값은 단일 JavaScript 표현식이 된다. (v-for는 예외)

• 디렉티브의 역할은 표현식의 값이 변경될 때 사이드 이펙트를 반응적으로 DOM에 적용

  v-text	v-bind	v-else	v-html
  v-show	v-for	v-once	v-if
  v-cloak	v-model	v-else-if	v-on

v-model

• 양방향 바인딩 처리를 위해 사용

v-bind

• 엘리먼트의 속성과 바인딩 처리를 위해 사용
• v-bind는 약어 : 로 사용 가능

v-show

• 조건에 따라 엘리먼트를 화면에 렌더링
• style의 display를 변경