【Vue.js】コンポーネントの基本

<div id="app">
   <h1>{{ message }}</h1>
</div>

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

<div id="app">
   <hello></hello>
</div>

Vue.component('hello',{
    template:'<p>hello world</p>'
})

var app = new Vue({
   el:'#app',

})