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>