vue-conponent的三种生成方式

vue-conponent的三种生成方式@TOC

第一种：使用Vue.extend

 var compl = Vue.extend({
    template:'<h3>这是个全局定义的模板组件</h3>'
 })
 //必须使用驼峰命名法
 Vue.component('myCompl',compl);
 
 //可以将上述代码进行简写
 Vue.conponent('myCompl',Vue.extend({
    template:'<h3>这是个全局定义的模板组件</h3>'
 }))
 
 //调用组件
  //使用小写，用 - 进行连接
  <my-compl></my-compl>

注意：创建组件的时候必须使用驼峰命名法，而在调用组件的时候必须使用小写并且使用"-"分隔开。

第二种：失踪人口（消失的Vue.extend）

Vue.conponent('myCompl',{
    template:'<h3>这是个全局定义的模板组件</h3>'
 })
 //调用(同第一种)
 <my-compl></my-compl>
 
 //失踪人口的懒散
 Vue.conponent('mycompl',{
    template:'<h3>这是个全局定义的模板组件</h3>'
 })