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

全局组件：可以在多个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>