[TOC]
### 4.1定义组件
```
//head.vue
<template>
<div>
head
</div>
</template>
<script>
export default {
name:"Head"
}
/*1.定义组件 */
</script>
```
### 4.2 在Home.vue 引入组件
```
<template>
<div class="home">
<!-- 4. 使用组件 -->
<Head></Head>
</div>
</template>
<script>
/* 2.引入组件*/
import Head from "../components/head";
</script>
```
### 4.3 在组件的components属性中注册
```
export default {
name: "Home",
/* 3.组册组件*/
components:{
Head
}
};
```
