Vue.js Quick Start

Vue.js Quick Start

빠르게 배워서 바르게 적용하는 Vue.js 퀵 스타트

Vue.js 기초

기본 디렉티브
v-text == {{}}
v-html

v-bind:value=""
v-bind:src="", (v-bind) 생략가능 :src=""

v-model 양방향 바인딩
v-model="name"

v-show, v-if, v-else, v-else-if

반복 렌더링 디렉티브
v-for

기타 디렉티브
v-pre
v-once

계산형 속성(Computed Property)
Vue 객체를 만들 때 computed라는 속성과 함께 함수를 등록해두면 마치 속성처럼 이용할 수 있습니다.

var vmSum = new Vue({
  el: "#example",
  data: { num: 0 },
  computed: {
      sum: function() {
          var n = Number(this.num);
          return n;
      }
  }
});