Vue：vuetify如何在不导入的情况下使其组件可用？

Question

使用vuetify框架时，有一组组件（例如滑块等）可用，而无需显式导入。

我很好奇vuetify如何做到这一点？

Answer 1

您可以检查source code。

它作为插件安装，并运行Vue.use(并将所有组件放置在那里。

import { Vuetify as VuetifyPlugin, VuetifyUseOptions } from 'types'

const Vuetify: VuetifyPlugin = {
  install (Vue: VueConstructor, args?: VuetifyUseOptions): void {
    Vue.use(VuetifyComponent, {
      components,
      directives,
      ...args
    })
  },