正文：
昨天我們建立 vue component 的方法名為全域註冊，當我們的 vue 應用中包含了許多的組件後需要讀取打包後的 js 檔時每頁都會將這些全域註冊的組件給添加近來，造成不必要的讀取，我們可以透過局部註冊的方法來改善此問題

var ComponentA = {/* */},
var ComponentB = {/* */}

let app = new Vue({
    el: '#app',
    components: {
    'component-a': ComponentA,
    'component-b': ComponentB
    }
}) 

當我們需要需要在一個組件中引用另外一個組件時我們推薦使用 ES2015 的 import/export 來使用，整體代碼如下

<template>
    <ComponentA></ComponentA>
</template>
<script>
import ComponentA from './ComponentA.vue'
export default {
    components: {
    ComponentA
    }
}
</script>

其中要注意的是在 template 中只能存在一個根節點，因此

<template>
    <div id="content1"></div>
    <div id="content2"></div>
</template>

這樣是不被接受的

嘮叨一下：
今日嘮叨公休