javaScript vue定义组件

0.sudo npm install stylus --save

sudo npm install stylus-loader --save

1.header.vue

<template>    <div id="app">      我是HEADER    </div></template><script type="text/ecmascript-6">  export default{}</script>

2.App.vue 引用

<template>  <div id="app">    <v-header></v-header>    <div id="tab">      <div class="tab-item">商品</div>      <div class="tab-item">评论</div>      <div class="tab-item">商家</div>    </div>    <div id="content">      asdasdhelloAAAaasd    </div>  </div></template><script>  //  ./上一级目录  ../根目录  import header from './components/Header/header.vue'  export default {    components: {      'v-header': header    }}</script>