vue.js 시작

vue.js를 시작해본다.

요즘 각종 js가 많이 나온다. 물론 대세는 react virtual dom이겠지만, vue.js도 인기가 있는 것 같다.

유트브 동영상 보고 따라해본다.

jsfiddle로 만들어본다.

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>

<div id="app">

  <p>{{ title }}</p>

</div>

new Vue({

el: '#app',

data: {

title: 'Hello World'

}

})

결과 Hello World

event와 method

<div id="app">

  <button v-on:click="changeTitle">

    Change Title

  </button>

  <p>{{ title }}</p>

</div>

new Vue({

el: '#app',

data: {

title: 'Hello World'

},

methods: {

changeTitle() {

  this.title = 'New title';

  }

}

})

javascript공부해보신 분은 잘 아실 겁니다. vue.js에서 쓰이는 자바스크립트는 es6라고 하네요