vue2.0---組件

什麼是組件？
組件是vue.js最強大的功能之一。它能夠擴展HTML元素，封裝可重用的代碼。在更高的層次上，組件是自定義的元素，vue的編譯器給它添加特殊功能。其實在有些狀況下，組件也能夠是原生HTML元素的形式。用is特性擴展。

註冊

要註冊一個全局組件，你能夠使用 Vue.component(tagName, options)。 例如：
       Vue.component('my-component', {
          // 選項
        })

對於自定義標籤名，Vue.js 不強制要求遵循 W3C規則 （小寫，而且包含一個短槓），儘管遵循這個規則比較好。

組件在註冊以後，即可以在父實例的模塊中以自定義元素 <my-component></my-component> 的形式使用。要確保在初始化根實例以前 註冊了組件：
//html
    <div id="example">
      <my-component></my-component>
    </div>
// 註冊
    Vue.component('my-component', {
      template: '<div>這是一個自定義的組件</div>'
    })
// 建立根實例
    new Vue({
      el: '#example'
    })
 渲染爲：
    <div id="example">
      <div>這是一個自定義的組件!</div>
    </div>


  局部註冊

 沒必要在全局中註冊每個組件，經過使用組件實例選項註冊，能夠使組件僅在一個實例或者組件的做用域中使用。

    var child = {
        template :'<div>這是一個局部組件</div>'
    }

    new Vue({
        //....
        components:{
            //my-component這個組件只在父模板能夠使用
            'my-component':child
        }
    })