十五、全局组件和局部组件

全局组件：可以在多个Vue的实例下使用，使用 Vue.component( 组件名称 ,构造器名称)

局部组件：只能在注册的Vue实例下使用，在Vue实例中，通过 components 属性进行局部组件的注册

<div id="app">
  <cpn></cpn>
</div>
<div id="app2">
  <cpn></cpn>
</div>
<script>
  // 1. 创建构造器
  const cpnC = Vue.extend({
    template:`
      <div>
        <h2>我是标题</h2>  
        <p>我是内容，哈哈哈</p>
      </div>`
  });
  // 2. 注册组件（全局组件,意味着可以在多个Vue的实例下面使用）
  //Vue.component("my_cpn",cpnC);
 
  //疑问：怎么注册的组件是局部组件;如下代码
  const app = new Vue({
    el: "#app",
    data: {},
    computed: {},
    methods: {},
    filters: {},
    components: {
      //cpn使用组件时的标签名
      cpn:cpnC
    }
  });
  const app2 = new Vue({
    el: "#app2",
  });
</script>