组件-创建组件的方式2
内容介绍：
一、 回顾方式1
二、 新内容方式2
一、回顾方式1：
Var com1 = Vue.extend((
Vue.component(‘mycom1’,com1)
注意引用的时候，是使用 mycom1 ，而不是 com1
//Vue.component第一个参数:组件的名称，将来在引用组件的时候，就是一个以标签形式来引入它的
这其实是把一个组件的定义过程拆分成为了两部分，如果想要合并成一个部分，可以通过以下方法实现：
Vue.component ( ' mycom1'，Vue.extend ( {
template:'<h3>这是使用Vue.extend创建的组件</h3> '
}))
//第二个参数: Vue.extend 创建的组件，其中template 就是组件将来要展示的HTMI内容
二、新内容方式2：
刚才 Vue.component 是通过 Vue.extend 创建的。现在可以再进一步简化：
<body>
<div id="app">
<!--还是使用标签形式，引入自己的组件-->
<mycom2></ mycom2>
</div>
<script>
Vue . component ( ' mycom2' ,{
//注意:不论是哪种方式创建出来的组件，组件的template 属性指向的模板内容，必须有且只能有唯一的一个根元素
template: '<div> h3>这是直接使用Vue . component创建出来的组件
</h3><span>123</ span>/div>'
})
//创建Vue 实例，得到ViewModel
var vm=new Vue({
el:' #app',
data: () ,
methods: ()
{) ;
</ script>
<body>
</htm1>
