Как включить vuetify внутри веб-компонента - PullRequest
Новая
       13

Как включить vuetify внутри веб-компонента

0 голосов
/ 02 апреля 2019

Я создаю веб-компонент с помощью следующей команды: 

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

Я бы хотел использовать Vuetify внутри этого компонента. Как добавить его в mycomponent.vue, чтобы он находился внутри теневого корня компонента?

Этот компонент будет динамически загружаться в приложения, созданные с использованием других фреймворков / стилей. Я хочу, чтобы веб-компонент мог использовать, например, v-btn, v-layout и т. Д. Внутри него.

Спасибо, Донни

1 Ответ

0 голосов
/ 02 апреля 2019

В версии 1.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

...