有两种 局部引入和全局引入
局部引入
<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])
})