Vuetify 卡片和工作表有什么区别？

Question

Vuetify文档定义sheet如下：

该v-sheet设计为内动力Vuetify等纸组件。它旨在用作低级组件。

card根据文档是这样的：

该v-card组件是一个多功能组件，可用于从面板到静态图像的任何内容。

对我（不是JS人）来说，他们看起来非常相似。它们可以互换吗？什么时候使用一个而不是另一个？你能举例说明吗？

Answer 1

v-card具有slots标题、副标题、文本和操作。

v-card使用v-sheet并添加这些区域。

如果您不需要这些区域，请使用 v-sheet，因为 v-card 会通过额外的 HTML 内容和 CSS 样式增加额外的开销。

Answer 2

你的问题对我来说听起来有点像“htmldiv和section标签之间有什么区别？”

你明白我的意思吗？我是语义的东西。

“低级”组件告诉我你可以使用v-sheetinv-card但你不应该做相反的事情。

就像把span中p是好的，但这样做的另一种方式是一种错误的做法。

希望能帮到你 ;-)

Answer 3

VSheet并且VCard看起来非常相似并且非常相似，因为 vuetify 的大多数其他组件VCard都是由VSheet基础制成的。

一个很好的使用案例VSheet是创建您自己的自定义组件。假设您对外观和感觉不满意VCard，并且想要创建自己的变体并将VSheet其用作基础。