如何在Vuetify 3中创建FAB按钮？原Vuetify 2写法如何调整

Vuetify 3对按钮组件的属性做了标准化调整，不再使用Vuetify 2里的<v-btn fab>这种布尔属性写法，而是通过variant属性来定义FAB（浮动操作按钮）：

基础标准FAB #

使用variant="fab"创建常规尺寸的FAB：

<v-btn variant="fab">
  <v-icon>mdi-plus</v-icon>
</v-btn>

小型FAB #

若需要更小的FAB，使用variant="mini-fab"：

<v-btn variant="mini-fab">
  <v-icon>mdi-check</v-icon>
</v-btn>

带主题色的FAB #

结合color属性可以快速给FAB添加主题配色：

<v-btn variant="fab" color="primary">
  <v-icon>mdi-plus</v-icon>
</v-btn>

带文本的扩展FAB #

如果需要包含文字的扩展FAB，直接在按钮标签内添加文本即可：

<v-btn variant="fab" color="secondary">
  <v-icon>mdi-plus</v-icon>
  添加
</v-btn>

内容的提问来源于stack exchange，提问作者Tenarius