前置工作:在src/components中新建quanju文件夹,再创建quanju.vue, index.js
quanju.vue
<template>
<div>全局组件</div>
</template>
<script>
export default {
name: 'quanju',
data () {
return {}
}
}
</script>
<style>
</style>
index.js
import quanjuComponent from './quanju.vue'
const quanju = {
install: function(Vue) {
Vue.component('quanju', quanjuComponent)
}
}
// 导出组件
export default quanju
main.js中配置
/**
* 全局组件
*/
import quanju from './components/quanJu/'
Vue.use(quanju);
页面中使用
<template>
<div>
<quanju></quanju>
</div>
</template>