一、什么是组件
组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树
组件听起来比较抽象，实际上组件可以看作是自定义的HTML元素。因为组件可以用来扩展HTML元素，封装可重用的HTML代码。
二、如何使用组件
vuejs组件的使用需要3个步骤：
1.创建组件构造器
2.注册组件
3.使用组件
第一步：创建组件构造器
在工程目录下src文件夹下创建component文件夹，并在component文件夹内创建firstcomponent.vue文件，并仿照App.vue 的格式写一个组件。这里我们写一个简单的组件，
第二步：注册组件
然后在 App.vue 使用组件 ( 因为在 index.html 里面定义了<div id="app"></div>所以就以这个组件作为主入口，方便 )。
（1）在App.vue引入创建的firstCom.vue组件<script></script>标签内的第一行写
import firstcomponent from './component/firstcomponent.vue'
（2）在<script></script>标签内的 data 代码块后面加上 components: { firstcomponent }。
第三步：使用组件
在App.vue的<template></template>内加上<firstcomponent></firstcomponent>
App.vue代码如下
这样我们就创建了一个名为的firstcomponent的组件。运行效果如下图：
