javascript - Vue : How does vuetify make its components available without import?

Question

使用 vuetify 时框架中，有一组组件(如 slider 等)无需显式导入即可使用。

我很好奇 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
    })
  },