注意事项

1. 尽量使用双标签，单标签可能不渲染
2. Vue.extend( )可以省略

   固定名称

   <div id="app">
     <frist></frist>  // vue中显示的名称固定为zujianName 
   </div>
   const school = Vue.extends({
   name:"zujianName"
    template: '<p>{{firstName}}{{lastName}}</p>',
   data:function(){
      return{
        firstName:"韩",
      lastName:"龚"
    }
   }
   })
   new Vue({
    el:"#app",
   components:{
      first: school,
    seed: school
   }
   })

   局部组件

   const school = Vue.extends({
    template: '<p>{{firstName}}{{lastName}}</p>',
   data:function(){
      return{
        firstName:"韩",
      lastName:"龚"
    }
   }
   })
   new Vue({
    el:"#app",
   components:{
      first: school,
    seed: school
   }
   })

   全局组件

   let vm = Vue.extend({
    template:'<p>{{firstName}}</p>',
   data(){
      return{
        firsName:"韩寒"
    }
   }
   })
   Vue.component('first',vm)

   组件嵌套

   ```javascript
   
   

const vm1 = Vue.extend({ name:”zizujian” template:”