找不到v-data-table组件

Question

我正在尝试使用vuetify创建sudo数据表。其目的是使用v- data -table呈现动态计算的数据

然而，我在将Vuetify添加到我的应用程序时遇到了问题。

我试着添加

vue.use(Vuefity)

但是它抛出了一个错误-> Property 'use' does not exist on type 'typeof

下面是我的代码

​

computed: {
      headers(): string[] {
        return ["test1"]
      },
      items(): string[] {
        return ["test", "t2"];
      }
}

<div>
    This is new data
    {{items[0]}}
    <v-data-table
       :items-per-page="5"
       :items="items"
       :headers="headers"
       class="elevation-1"> 
    </v-data-table>
</div>

​

这是我的main.ts的样子

​

import { createApp } from 'vue'
import Vue from 'vue'
import App from './App.vue'

import "vuetify/dist/vuetify.min.css"
import Vuetify from "vuetify"


//Vue.use(Vuetify);
//Vue.readonly(Vuetify);

createApp(App).mount('#app')

​

当我尝试运行代码时，浏览器无法检测到v-data-table。并抛出以下错误：

Failed to resolve component: v-data-table

Answer 1

Vuetify dosent currently support vue3使用vue2。因此Vue.use在vue3中不可用，并且因为添加了vuetify，所以v-data-table组件不可用。