Vue.js 에서 component 사용

index.html 추가할 내용

 

script 파일 경로

vuecommon.js 에 들어갈 내용

var app = new Vue({
  el: '#app',
  delimiters: ['[[', ']]'],
  data: { // 상태 message: '안녕하세요 Vue!', liked: false, },
  template: ` // 뷰
      [[ message ]]

  `,
  methods: {
      // 액션
      onClickButton() { this.liked = true; }
  }
})

Vue.component('my-component', { template: '[[ message ]]', data: { message: 'hello' } })