阅读数:74 评论数:0

一、概述

在Vue2中使用的Vue.use()，在Vue3中使用的是app.use

通过Vue.use(插件)来安装插件。

如果Vue.use()中的参数是一个function函数，那么函数的参数是Vue对象。

如果Vue.use()中的参数是一个Object对象，那么这个对象必须提供一个install方法，install方法的参数就是Vue。

二、自定义插件

实际上我们在执行Vue.use方法时，对象内的install方法就会被执行一次。

import DYnput from './components/button.vue'

const components = [
  DYbutton
]

const DYUI = {
  install(Vue) {//注：这里会将Vue类传过来
    // 注册组件，注如有多个组件时可以遍历注册。
    components.forEach(component => {
      Vue.component(component.name, component)
    })
  }
}

export default DYUI 

在main.js中引入

import DYUI from './modules/dy-ui'
Vue.use(DYUI)