Vue.js中全局組件和局部組件的編寫差異和注意事項

全局組件的編寫方式：

<div  id='app'>
   <runoob></runoob>
</div>

<script>
Vue.component('runoob',{
      template:'<h1>Hello World!</h1>'
})    

new Vue({
     el:'#app',     
})
</script>

局部組件的編寫方式：

<div  id='app'>
   <runoob></runoob>
</div>

<script>var child = {
    template:'<h1>Hello World!</h1>'
};

new Vue({
     el:'#app',
     components:{
        'runoob':child
     }     
})
</script>

其中最需要注意的細節即是局部組件中是”components“,而全局組件中是”component“，切記不掉坑！！