vue 注册组件

1.全局注册组件

// 在main.js中引入组件
import vBanner from './components/Banner.vue';

// 注册组件
Vue.component('myBanner',vBanner );

// 在xxx.vue中使用组件
<my-banner></my-banner>

2.局部注册组件

<script>
   // 在xxx.vue中引入组件
   import vBanner from './components/Banner.vue';
   export default {
      // 注册组件
      components:{
        // 这里是vBanner:vBanner的简写形式（组件名和组件对象一致时）
        vBanner
      }
   }
</script>

// 在xxx.vue中使用组件
<v-banner></v-banner>