Vuetify 中文网

English

简体中文

English

简体中文

Appearance

Frequently asked questions ​

Stuck on a particular problem? Check some of these common gotchas before creating a ticket. If you still cannot find what you are looking for, you can submit an issue on GitHub or ask in our community.

Questions ​

The following responses are a collection of common questions asked by the Vuetify community.

  • What is Vuetify?

    Vuetify is a Vue.js framework that helps to create beautiful and responsive user interfaces. It includes a wide variety of customizable and reusable components for building modern applications.

  • Does Vuetify provide support?

    Vuetify is a free to use Open Source project released under the MIT license. There are multiple ways to receive support for Vuetify:

  • What is the difference between Vuetify and Vue?

    Vuetify is a framework that is built on top of Vue.js. It is a collection of components that can be used to build applications. Vue.js is a JavaScript framework that is used to build user interfaces.

  • What versions of Vue.js are compatible with Vuetify?

    Vuetify is compatible with Vue.js 3.0.0 and above.

  • Can I use Vuetify with other CSS frameworks?

    Yes, you can use Vuetify with other CSS frameworks, but it is typically not recommended. If you are integrating Vuetify into an existing application that is using another CSS framework, you may want to disable the default color and utility generation. See the SASS Variables page for more information.

  • Can I customize the styling of Vuetify components?

    Yes, you can customize the styling of Vuetify components using the Global configuration. Vuetify also provides SASS variables that can be overridden to change the look and feel of the components.

  • Where can I get help with Vuetify?

    If you need help with an issue, please use one of our help channels:

  • Can I contribute to Vuetify?

    Yes, we welcome all contributions. Please see our contributing guide for more information.

  • Can I use Vuetify with server-side rendering?

    Yes, Vuetify supports server-side rendering. Set the ssr property to true in your vuetify configuration object.

    js
    import { createVuetify } from 'vuetify'

export default createVuetify({
  ssr: true,
})

  • Is there still support for IE11 in Vuetify 3?

    No. If you need to support IE11, use Vuetify 2.

  • Is there support for Nuxt 3?

    Yes, Vuetify 3 is compatible with Nuxt 3 but does not currently have a community Nuxt module.

  • What is Vuetify Labs?

    Vuetify Labs is a collection of components that are still in development. They are not considered stable and may change at any time. They are not included in the default Vuetify installation and must be imported individually. See the Labs page for more information.

  • Does Vuetify have Nightly Builds?

    Yes, Vuetify has nightly builds. See the Nightly Builds page for more information.

  • I found a bug, what should I do?

    Please create a new issue with our Issue Generator. Please make sure to check for existing issues before creating a new one.

  • Why did Vuetify 3 change value to model-value?

    The value prop was changed in Vue 3 to support a new v-model syntax. See the official Vue docs for more information on Component v-model.

  • Is Vuetify 3 compatible with @vue/compat?

    Not directly, you have to set configureCompat({ MODE: 3 }) globally and MODE: 2 in each of your components that you want to run in compatibility mode. There will still be some incorrect warnings that can be ignored with the -ATTR_FALSE_VALUE filter in devtools.

  • Why don't elements exist in the DOM yet in onMounted()? (#19736)

    Some vuetify components are asynchronous, so there is no guarantee that their children will be mounted immediately. Either wait for the target element itself to be mounted with v-on:vue:mounted or use onMounted in a separate component that only has plain elements between the <template> and your target element.

Released under the MIT License.

Copyright © 2021-PRESENT Vuetify