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>