Vue 引入组件

有两种 局部引入和全局引入

局部引入
<template>
  <div>
    <demo></demo>  使用
  </div>
</template>

<script>
import demo from './components/demo/demo'  引入
export default {
 components: {
  demo  注册
 }
}
</script>

全局引入
在 入口文件 main.js 中
import baseMenu from '@/components/baseMenu'  引入
import baseHeader from '@/components/baseHeader'
Vue.component('baseMenu', baseMenu)  注册
Vue.component('baseHeader', baseHeader)
或
const components = {
	baseMenu,
	baseHeader
}
Object.keys(components).forEach(key => {
	Vue.component(key, components[key])
})