你如何在web组件中包含vuetify

Question

我正在使用以下命令构建Web组件：

vue-cli-service build --target wc --name my-element 'src/components/mycomponent.vue'

我想在这个组件中使用Vuetify。如何将它添加到mycomponent.vue，以便它在作用于组件的阴影根目录中？

该组件将动态加载到使用其他框架/样式构建的应用程序中。我希望web组件能够在其中使用v-btn，v-layout等。

谢谢你，唐尼

Answer 1

从v1.3起，您可以导入单个组件，A La Carte ...

<template>
  <!-- whatever -->
</template>

<script>
import { VBtn, VLayout } from 'vuetify/lib'

export default {
  name: 'MyElement',
  components {
    VBtn,
    VLayout
  },
  // etc
}
</script>

见https://vuetifyjs.com/en/framework/a-la-carte#importing-components