组件的定义及创建方式

什么是组件？

组件是 Vue.js 最强大的功能之一。组件可以扩展html元素， 封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行扩展的原生html元素。

所有的 Vue 组件同时也都是 Vue 的实例，所以可以接收相同的选项对象（除了一些根级特有的选项）并提供相同的声明周期钩子。

组件的创建主要有三种方式

       注意：1. 模板template中只能有一个根节点;2. 组件的名字，如果采用驼峰命令的话，在使用的时候，就要加上 “-”，比如组件名字叫indexA，那么在使用的时候就叫index-a.

第一种：使用Vue.extend()和Vue.component()两个方法创建

       Vue.extend()函数会返回一个组件的构造器，它里面包含一个参数，它是一个对象，里面是一些配置项

       Vue.component()函数会利用Vue.extend()返回的构造器创建一个组件的实例，它有两个参数，一个是组件的名字，另一个组件的构造器

第二种：直接使用Vue.component()方法创建

第三种：通过指定模板创建