Vue的全局组件

时间：2019-05-18 11:34:28 阅读：160 评论：0 收藏：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>

原文：https://www.cnblogs.com/luguankun/p/10885001.html

踩

(0)

评论一句话评论（0）

分享档案

更多>