方式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>