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

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页