Vue使用日记（6）：Vue组件化理解（二）

全局组件和局部组件

前面我们使用Vue.component()的方式注册组件时，注册的组件是全局的，这意味着该组件可以在任意Vue实例下使用。

如果将这个组件挂载到某一个Vue实例中，该组件就是一个局部组件了。

const myComponent = Vue.extend({
    template:`
      <div>
        <h2>我是标题</h2>
        <p>我是内容……</p>
      </div> 
    `
  })

// 将组件构造器挂载到了某个实例上
  let app1 = new Vue({
    el:"#app1",
    component:{
      'my-comp':myComponent
    }
  })

  let app2 = new Vue({
    el:"#app2"
  })

此时，这个局部组件“my-comp”在实例app1中有效，在其他组件范围内无效：