vue2.0初始化一个头部组件

这里使用cli脚手架构建工具构建的项目，打开项目直接修改一下APP.vue，在新建一个目录和文件放组建的内容就可以完成组建的注册代码：

APP . VUEDE 代码

<template>
  <div id="app">
    <myheader></myheader>
    <div class="tab">我是商品</div>
    <div class="footer">我是商家</div>
  </div>
</template>


<script>
import header from './components/header/header.vue'

export default {
  name: 'app',
  components:{
  myheader: header
  }
}
</script>


<style>


</style>

组建的代码

<template>
<div>我是组件头部</div>
</template>


<script>
export default{

}
</script>


<style>
</style>

需要注意的是注意下路径