vue组件全局注册和局部注册

全局注册

通过 Vue.component 来创建组件

Vue.component('component-a', {
    /* ... */ })
new Vue({
    el: '#app' }) //挂载

组件在全局注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中

<div id="app">
  <component-a></component-a>
</div>

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

局部注册

通过一个普通的 JavaScript 对象来定义组件

var ComponentA =