全局注册也就是说它们在注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中。在所有子组件中也是如此,也就是说这三个组件在各自内部也都可以相互使用。
Vue.component(‘component-a’, { /* … / })
Vue.component(‘component-b’, { / … / })
Vue.component(‘component-c’, { / … */ })
new Vue({ el: ‘#app’ })
局部注册你可以通过一个普通的 JavaScript 对象来定义组件:
var ComponentA = { /* … / }
var ComponentB = { / … / }
var ComponentC = { / … */ }
然后在 components 选项中定义你想要使用的组件:
new Vue({
el: ‘#app’,
components: {
‘component-a’: ComponentA,
‘component-b’: ComponentB
}
})
对于 components 对象中的每个属性来说,其属性名就是自定义元素的名字,其属性值就是这个组件的选项对象。