Vuetify 实验室

在正式发布前体验并试用开发中的组件。

实验室是什么？

Labs 是开发人员在 alpha 状态下使用未完成组件的一种新方法。

DANGER

通过实验室提供的组件被认为不适合生产，仅用于测试目的。破坏性的更改将在补丁版本中引入，并且不提供支持。

使用

使用实验室组件就像从vuetify/ Labs导入一样简单。下面的例子展示了如何在组件中导入和引导v-picker:

<template>
  <v-picker />
</template>

<script setup>
  import { VPicker } from "vuetify/labs/VPicker";
</script>

或者，你可以通过在你的 Vuetify 插件文件中导入该组件来使其在全局可用:

import { createVuetify } from "vuetify";
import { VPicker } from "vuetify/labs/VPicker";

export default createVuetify({
  components: {
    VPicker,
  },
});

当 Vuetify 实例化时，它会将VPicker注册为模板中的可用组件。

如果您希望安装所有可用的 Vuetify 组件，请使用以下代码片段:

import { createVuetify } from "vuetify";
import * as components from "vuetify/components";
import * as labsComponents from "vuetify/labs/components";

export default createVuetify({
  components: {
    ...components,
    ...labsComponents,
  },
});

可用组件

以下是可用于实验室的可用和未来的组件列表:

组件	描述	Min Version
v-calendar	日历组件	v3.4.9
v-date-input	日期输入组件	v3.6.0
v-pull-to-refresh	通过屏幕滑动更新内容的组件	v3.6.0
v-number-input	用于数字数据的组件	v3.5.10
v-snackbar-queue	snackbars列	v3.6.0
v-stepper-vertical	垂直版本的 v-stepper	v3.6.5
v-time-picker	时间选择器组件	v3.5.12
v-treeview	一个树视图组件	v3.5.9

WARNING

实验室组件 APIs 尚未最终确定，并且可以并且将会更改。你应该预料到在开发过程中会出现问题。