Vue 设置全局组件

208 阅读1分钟

Vue设置全局组件

需要在入口文件里面配置引用插件

入口文件index.js

    import Vue from 'vue'
    //购物车
    // import App from './chart.vue' 
    //动态组件
    import App from './App.vue'

    import glupin from './components/index' //主要的就是这两行代码(文件路劲就是下面代码块的路劲)
    Vue.use(glupin)

    new Vue({
      render: h => h(App)
    }).$mount('#root')

暴露组件到全局

    import mask from './mask.vue' //引入模块

    export default function glupin(Vue){ //暴露 (这里使用的是函数方法)
    Vue.component('Mymodule',mask)
      //Mymodule就是你自己定义的名字,在之后你就可以利用这个标签来引用了              
}