用途：Vuetify 是面向 Vue 的 UI 工具库，v3（Titan）为 Vue 3 与 Vite 构建，相比 v2 有大幅性能提升。适用于在 Vue 3 中实现 Google Material Design 的企业业务应用、复杂数据表格、管理后台与仪表盘，以及可在明暗主题间平滑切换、自定义主色的可访问多主题应用。
主要能力：提供开箱即用的 Material Design 组件（如 v-card、v-btn、v-container、v-navigation-drawer、v-app-bar、v-dialog、表单输入等），并支持以 Material Design 3 token 配置主题与颜色。数据方面提供 v-data-table-server，支持服务端分页、排序与筛选，适合展示远端数据。布局上通过 v-app、v-main 与导航抽屉构建响应式外壳。
使用方式：在插件文件中引入 vuetify/styles，使用 createVuetify 注册 components、directives，并在 theme 中配置默认主题与明暗主题颜色；组件页面用 v-app/v-main 包裹。服务端表格通过 v-data-table-server 配合 items、items-length、items-per-page、loading 与 @update:options 事件加载数据。表单可使用 :rules="[v => !!v || 'Required']" 校验。文档建议配合 vite-plugin-vuetify 实现自动 treeshaking，控制打包体积；图标需安装并引入 @mdi/font 或相应图标集。
限制与注意：生产环境不建议全量引入 vuetify/components，应依赖自动 treeshaking；不要用高优先级全局 CSS 覆盖组件样式，优先使用 density、variant、color 等 props；组件必须位于 v-app 根包裹内，否则可能出现无样式或未渲染。常见问题包括未引入 vuetify/styles、图标字体未配置导致空白方块。更多细节可参考 Vuetify 官方文档。