почему мой компонент vuejs не отображается, мне нужна библиотека?

#vue.js

Вопрос:

у меня есть этот компонент, его простой компонент, но он не отображается, просто я вижу слова «Продажи», мне нужно установить другую библиотеку?

 <template>
  <v-app>
    <v-container>
      <v-row dense align="stretch">
        <v-col cols="4">
          <v-card min-height="100%">
            <v-card-text class="green--text">
              <h5 class="text-truncate text-uppercase">Sales</h5>

            </v-card-text>
          </v-card>
        </v-col>
      </v-row>
    </v-container>
  </v-app>
</template>

<script>
  export default {
    name: 'Taps',
    setup() {
    },
  }
</script>
 

мои зависимости таковы:

 "vue": "^3.2.20",
    "vue-router": "^4.0.0-0",
    "vue3-perfect-scrollbar": "^1.5.5",
    "vuex": "^4.0.0-0",
 

Комментарии:

1. отображается ли он без какого-либо компонента vuetify?

2. можете ли вы включить репро? @react1

Ответ №1:

К сожалению, Vuetify пока не поддерживает Vue 3.

Текущая версия Vuetify не поддерживает Vue 3. Поддержка Vue 3 появится с выпуском Vuetify v3. При создании нового проекта, пожалуйста, убедитесь, что вы выбрали Vue 2 в подсказках интерфейса командной строки Vue или что вы устанавливаете в существующий проект Vue 2.

Вам нужно будет понизить версию Vue или выбрать другую библиотеку компонентов. Quasar-отличная альтернатива Vuetify с множеством тех же компонентов и функций.