定义VUE组件组件就是为了拆分Vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块组件化和模块化的不同：

组件就是为了拆分Vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块组件化和模块化的不同：

1：模块化是从代码逻辑的角度进行划分的
2：从UI界面的角度进行划分

创建Vue实例，得到ViewModel：

<script>
        let vm = new Vue({
            el: "#app",
            data: {
               
            }
        })
    </script>

使用Vue.extend来创建全局的vue组件

<script>
       var coml= Vue.extend({
        template:'<h3>这是使用Vue.extend创建的组件</h3>'
        //通过template属性，指定了组件要展示的HTML结构
        })
        Vue.component('myconl',coml)
    </script>

使用Vue.component('组件的名称',创建出来的组件模板对象) //Vue.component('myconl',coml)

如果使用Vue.component定义全局组件的时候，组件名称使用了驼峰命名，则在引用组件的时候，需要把大写的驼峰改为小写的字母，同时两个单词之间，使用 - 链接如果不使用驼峰则直接拿名称使用

如果要使用组件，直接把组件名称以HTML标签的样式引入

<div id="app">
        <my-conl></my-conl>
    </div>