如何使用Vue-use实现全局组件注册

src下的components/index.js 

import PageTools from './PageTools'    //PageTools/index.vue它是头部那个组件,放在components里面
export default {
  install(Vue) {
    
    Vue.component('PageTools', PageTools)
  }
}

然后在main.js中注册插件

import Components from './components' //这个是把那个index.js注册成插件
Vue.use(Components)

 接下来说一下Vue.use( ) 的用法,它是Vue提供的一个静态方法,用来注册插件

 

1. Vue.use 可以接收一个对象，Vue.use(obj)

2. 对象obj中需要提供一个 install 函数

3. 在 Vue.use(obj) 时，会自动调用该 install 函数，并传入 Vue构造器

上面全局组件的注册就是用的这种方法