组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素

1、注册全局组件：(所有实例都能用全局组件。)

Vue.component 作用是告诉 Vue 在处理 template 时，将 替换为相应的组件。

• 它们在注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中。
• 在所有子组件中也是如此，也就是说这全局注册组件在各自内部也都可以相互使用。

Vue.component(tagname, options)

tagName 为组件名，options 为配置选项。注册后，我们可以使用以下方式来调用组件：<tagname></tagname>

<div id="app">
  <tagname01></tagname01>
</div>
<script>
Vue.component('tagname01',{
  template: '<div>我是全局组件</div>' 
})
new Vue({
    el:'#app'
})
</script>

2、注册局部组件（局部注册的组件在其子组件中不可用）

全局注册往往是不够理想的。比如，如果你使用一个像 webpack 这样的构建系统，全局注册所有的组件意味着即便你已经不再使用一个组件了，它仍然会被包含在你最终的构建结果中。这造成了用户下载的 JavaScript 的无谓的增加

<div id="app">
    <tagname02></tagname02>
</div>
<script>
var Child = {
    template: '我是局部组件'
}
var app = new Vue({
    el: '#app',
    components:{ 
        'tagname02': Child  //将tagname02组件注册到Vue实例下
    }
})
</script>