1、先在components下新建文件夹header>header.vue

自行编辑代码

2、在需要使用的页面

先引入

import Header from './../components/header/header.vue'

注意不能和html代码header冲突 所以需要用大写

然后再注册组件

export default {
  name: 'index',
  components: { Header }
  }

3、然后就可以直接使用了！

<template>

      <Header></Header>