创建组件的方式

方式1:使用Vue.extend创建的组件

<div id="app">
<!-- 如果要使用组件，直接：把组件名称，以HTML标签的形式，引入到页面中，即可 -->
 <mycom1></mycom1>
</div>

<script>
//第1步:使用Vue.extend创建的组件
var com1 = Vue.extend({
    template:'<h3>这是使用Vue.extend创建的组件</h3>' //通过template属性，指定了组件要展示的HTML结构
})
//第2步：使用Vue.component('组件的名称'，创建出来的组件模板对象)
//如果使用Vue.component定义全局组件的时候，组件名称使用了驼峰命名，则在引用组价的时候，需要把大写的驼峰改为小写的字母，同时，两个单子之前，使用 - 链接；
//如果不使用驼峰，则直接拿名称来使用即可；
Vue.component('mycom1',com1)
</script>