• 全局注册

    全局注册

    到目前为止，我们只用过 Vue.component 来创建组件：

    1. Vue.component('my-component-name', {
    2.   // ... 选项 ...
    3. })

    这些组件是全局注册的。也就是说它们在注册之后可以用在任何新创建的 Vue 根实例 (new Vue) 的模板中。比如：

    1. Vue.component('component-a', { /* ... */ })
    2. Vue.component('component-b', { /* ... */ })
    3. Vue.component('component-c', { /* ... */ })
    5. new Vue({ el: '#app' })
    1. <div id="app">
    2.   <component-a></component-a>
    3.   <component-b></component-b>
    4.   <component-c></component-c>
    5. </div>

    在所有子组件中也是如此，也就是说这三个组件在各自内部也都可以相互使用。