[Vue] 組件註冊

組件名稱

• Vue.component('組件名稱', {...})
• 建議命名時
• 全小寫
• 用一個前缀詞加上hyphon符號(-), 避免和其他名稱重複
• e.g. my-header

作用域

• 全域註冊

註冊方式: Vue.component('組件名稱', {...})

• 區域註冊

• 好處: 在component沒被使用時，就不會被build，產生多餘的程式碼
• 在子組件裡面也要使用的話，也需要在子組件中，再宣告一次

component宣告方式

const FooterComponent = {

    template: '<div>copyright @ blabalbala</div>'

}

根組件宣告方式

new Vue({

  ...

  components: {

    'my-footer': FooterComponent

  }

 ...

})

模塊系統

全域組件

• 將各個component獨立成一個檔案，匯入匯出在根組件前載入

局部組件

• 若有配合webpack或babel再深入研究

關鍵字: require, import

source code