vue 全局注入公共组件

为什么要全局注入公共组件？

	在我们开发中有时候需要大量复用某个组件时，我们需要在某个组件都引入一遍，非常麻烦，这时候我们可以全局注入这些组件。

代码

<!--common文件下面的公共div组件-->
<template>
    <div>
        common 组件
    </div>
</template>
<script>
export default {
    
}
</script>
<style>

</style>

// plugins文件下面的components.js文件
import Vue from 'vue'
import commonDiv from '../common/div.vue' 
Vue.component('common-div',commonDiv) // 全局注入

// plugins文件下面的index.js文件
import './components'

// main.js引入 import './plugins.js/index'
import App from './App.vue'
import router from './routes/router'
import store from './store/store'
import './plugins.js/index'

这个时候我们就可以在任何组件中直接这样使用了公共组件了

<template>
    <div>
        <common-div></common-div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style>

</style>