Vuetify 3中如何在v-list-item内显示图标？v-list-item-icon已移除

在Vuetify 3中，v-list-item-icon组件已被移除，你可以通过以下两种方式给v-list-item的标题旁添加图标：

方法一：使用v-list-item的prepend-icon属性（最简方案） #

直接通过prepend-icon属性指定图标名称，Vuetify会自动渲染图标并处理布局，代码如下：

<v-list-item prepend-icon="mdi-file-tree">
  <v-list-item-title>Users</v-list-item-title>
</v-list-item>

如果想把图标放在标题右侧，改用append-icon属性即可。

方法二：直接嵌套v-icon组件（支持自定义样式） #

如果需要给图标自定义颜色、大小等样式，可以直接将v-icon嵌套在v-list-item内，搭配间距类（比如mr-2，表示右侧间距）来和标题区分：

<v-list-item>
  <v-icon class="mr-2 text-primary" size="large">mdi-file-tree</v-icon>
  <v-list-item-title>Users</v-list-item-title>
</v-list-item>

这种方式灵活性更高，能满足更多自定义需求。

内容的提问来源于stack exchange，提问作者Just-a-beginner