Vue的全局组件

通过import引入的组件都是局部组件

通过Use使用的都是全局组件

1.在components文件夹下新建vue组件和index.js

2.index.js引入这个组件。暴露出install方法,install(Vue){ Vue.component('ComponentName',Component)}

import Test from '../test/Test.vue'
export default {
    install(Vue){
        Vue.component('Test',Test)
    }
}

3.在main.js中,引入并use组件

import Test from './components/test'
Vue.use(Test)

4.直接在其他组件中使用,不用import

 <test></test>
原文地址:https://www.cnblogs.com/luguankun/p/10885001.html