组件：一个带名字的可复用的vue实例，继承自实例，实例有的组件都会有，只是会有部分变化。

1、组件的创建

　　通过Vue.extend创建一个组件，template是字符模板

let xixi = Vue.extend({ template: '
你好世界
'})

2、组件的注册

　　通过Vue.component("组件名"，创建的组件)来注册创建的组件

Vue.component("MyComponent",xixi)

3、组件的使用

注意：使用时必须放在被vue实例所关联的标签的内部，使用组件名时，注意驼峰命名和连接线命名的切换，因为组件在使用时不允许驼峰命名法的形式使用，组件的使用也可以使用单标签的形式，比如：

    {{ test }}
    
    
　　//单标签使用
    //会报错
  

4、组件

    {{ test }}
    
    
  

  
  

5、全局组件

（1）通过Vue.component注册的组件是全局组件

（2）通过实例内部的components注册的组件是局部组件

（3）在注册过后的全局组件，后面所有的实例都可以访问

  

    1
    
  

  

    2
    
  

  

    3
    
  

6、局部组件

（1）局部组件通过实例或者组件内部的components进行注册

（2）只能在注册的实例或者组件当中使用，别的地方无法使用

    11
    
  

  

    //
    22
  

  

7、组件的嵌套

（1）全局组件本身没有层级之分，根据用户的使用情况来划分子父组件或者兄弟组件

（2）局部组件的嵌套

　　（1）局部组件在注册完成就已经确定了嵌套关系，只能按照嵌套关系来使用