Vuetify 未在 Laravel 中应用

Question

我在我的 Laravel 项目中安装了 Vuetify，但没有一个 v- 类在工作。但是控制台中没有错误。这是 app.js 文件：require('./bootstrap');window.Vue = require('vue');import Vuetify from 'vuetify'Vue.use(Vuetify);Vue.component('container-component', require('./components/ContainerComponent.vue').default);Vue.component('index-component', require('./components/IndexComponent.vue').default);const vuetify = new Vuetify();const app = new Vue({    el: '#app',    vuetify});以及未应用 vuetify 的示例组件：<template>    <v-btn>BUTTON</v-btn></template><script>    export default {        name: "IndexComponent"    }</script><style scoped></style>我只是用一个按钮来测试它是否工作。

Answer 1

当你创建你的 Vue 实例时，你还必须创建一个新的 Vuetify 实例。

const app = new Vue({

    el: '#app',

    vuetify: new Vuetify()

});

我建议你在导入 Vuetify 后也添加这个：

import 'vuetify/dist/vuetify.min.css'