Vue / 기초 문법 정리

- VUE 문법
   - 요즘은 JS에서 Var 가 아닌 let 으로 사용

   - {{content}} << VUE 문법으로 사용하겟다. / HTML에 적용

   - el = #id값

   - JS 창에서 content 지정

   - 이후 content가 바뀌더라도 동적으로 적용됨.
   
   - v-bind:title = "" => v-bind 를 붙이면 JS문법으로 인식 (툴팁으로 출력)

   - v-bind:src = "" => src 속성에 바인드

   - v-bind:style ="" => style 바인딩은 json 형태로 기입
     - :style 로 축약하여 사용가능
     - 혹은 :style ="{'color:red'}" 이런식으로 디렉티브에 직접 정용가능

   - :class = "{active: mode}" => class 적용 여부를 mode: true / mode: false 를 통해 조절
   
   - @click = "" > 이벤트 핸들러

   - v-show = "" > visibility 를 true / false 로 표현 가능

   - v-for = "item in item"
     - 리스트 랜더링
     - v-for 의 경우 item in item 이라는 특수한 문법으로 작성해야함
     - in 뿐만아니라 of 로도 구분자를 사용가능
     - 속성 반복 가능

   - v-model
     - 모든 form 엘리먼트의 초기 `value`와 `checked` 그리고 `selected` 속성을 무시
     - 항상 Vue 인스턴스 데이터를 원본 소스로 취급
     - 컴포넌트의 `data` 옵션 안에 있는 JavaScript에서 초기값을 선언