Vue.비망록

공식 사이트는 스스로 사용하는 것이다.
https://jp.vuejs.org/v2/guide/index.html

렌더링 선언

<div id="app">
  {{ message }}
  <input v-model="message">
</div>

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

구성 요소 구성

인스턴스 주기 연결

예를 들어created 연결은 실례가 생성된 후에 코드를 실행하려고 할 때 사용됩니다.

구성 요소의 기본

// button-counter と呼ばれる新しいコンポーネントを定義します
Vue.component('button-counter', {
  data: function () {
    return {
      count: 0
    }
  },
  template: '<button v-on:click="count++">You clicked me {{ count }} times.</button>'
})

<div id="components-demo">
  <button-counter></button-counter>
</div>

외부vu 파일을 호출하려면 다음과 같은 내용을 쓸 수 있습니다.
import Test from './components/Test.vue'
Vue.component('test', Test);