第一种
第一步,创建全局组件
比如在src/components/ArticleItem.vue
第二步导入main.js
// main.js中导入全局组件
import ArticleItemOne from './components/ArticleItem.vue'
Vue.component('ArticleItem', ArticleItemOne)
第三步:使用
任意组件导入使用
<template>
<div>
<ArticleItem></ArticleItem>
</div>
</template>
第二种:
第一步,创建全局组件
比如在src/components/ArticleItem.vue
第二步,在需要导入的组件内使用
<template>
<div>
<ArticleItem></ArticleItem>
</div>
</template>
<script>
//导入全局组件
import ArticleItem from '../../components/ArticleItem.vue'
export default {
components: {
ArticleItem
},
}
</script>
总结:推荐使用第一种