dom中自定义的标签都要小写，浏览器都会自动解析成小写

组件分为全局注册组件和局部注册组件，全局组件使用Vue.component()方法，有两个参数，第一个参数自定义组件的名字，第二个参数是一个函数对象，函数对象使用Vue.extend()方法创建的组件构造器，也可以是一个选项对象。在实际开发中我们全用组件的方式去写项目。接下来看一下组件如何使用

1、全局组件

在注册一个组件的时候，需要给它一个名字。看一下全局注册组件的代码示例:

<div id="app" v-cloak>

    <public-component></public-component>

</div>

Vue.component("PublicComponent",{

        data(){

            return {

                title:"我是公共组件"

            }

        },template:\`

            <div>

                {{title}}

            </div>

        \`

    });

    new Vue({

        el:"#app"

    })

局部注测组件

全局注册往往是不够理想的。比如，如果使用一个像 webpack 这样的构建系统，全局注册所有的组件意味着即便有一个组件不再使用了，它仍然会被包含在最终的构建结果中。这造成了用户下载了无谓的JavaScript代码。