简单使用Vue.use-浅谈实现组件注册原理

132 阅读1分钟

image.png

根据vue官网的描述 可以总结出

Vue.use() 全局注册组件实现的原理:

  • 1、需要传入一个参数: 对象||函数
  • 2、对象中提供了一个install函数
  • 3、install函数有一个参数接受的是Vue

在全局文件中 定义参数 并导入公共组件

import pluginCom from '@/components'
Vue.use(pluginCom)

将参数pluginCom传入方法(公共组件)

import PageTools from '@/components/PageTools'
export default {
  install(Vue) {
    Vue.component('PageTools', PageTools)
  }
}