[Vue.js] 컴포넌트 정의 타이밍

1. 컴포넌트를 정의하는 타이밍 

 - 컴포넌트는 루트 인스턴스가 생성되기 전에 정의해야한다. new Vue() 하기 전에 정의하기. 

 

<div id="app" >
   <my-component></my-component>
</div>

 

var myComponent = {
    template: '<p>MyComponent</p>'
}
 new Vue({ 
     el: '#app',
     components: {
        'my-component': myComponent
     }
     
 })