Vue的全局组件

Posted on 2019-05-18 11:03  猫头唔食鱼  阅读(295)  评论(0)  编辑  收藏  举报

通过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>