1.想要创建组件，需要在安装完vue-cli以后操作；
2.在项目中的components中新建文件，新建的文件是一个组件，注意后缀名为.vue，而不是html；
3.首先，先要说明的是，在新建的组件中，有三部分构成，分别是：
(1)定义组件
<template></template>
(2)引出组件
<script>
export default {
...
}
(3)css样式
<style></style>
4.组件中有且只有一个根标签，其它的代码逻辑都在根标签里面书写，因为当遍历循环赋值时，只能在子标签中循环，不能在根标签中；
5.其中在style中有scoped这个属性，加上该属性就意味着在当前css中的标签只为自身设置，对其它组件中的同名标签没有影响；
6.上述描述代码如下：
<template>
<div>
...
</div>
</template>
<script>
export default {
};
</script>
<style scoped>
...
</style>
7.使用组件
（1）上面的描述只是定义组件并且将它引出，那么引入到根组件或者父组件，需要在根组件或者父组件的script中
代码：import “自定义一个需要引入的组件的名字” from “需要引入组件的路径”
（2）在根/父组件的script中引用组件
components：{
组件1，
组件2，
...
}
（3）在根组件的挂载点或者父组件的
<template>
中使用该组件
<“自定义一个需要引入的组件的名字”></“自定义一个需要引入的组件的名字”>
（4）如果需要设置组件样式，在根/父组件的style设置
（5）小说明：可采用弹性盒布局
