使用vue3循环生成li，给每个li添加各自的icon

你可以使用Vue 3的循环指令(v-for)来生成li，并使用动态绑定(class或style)来添加每个li的icon。以下是一个示例：

<template>
  <ul>
    <li v-for="(item, index) in items" :key="index">
      <i :class="item.icon"></i> {{ item.text }}
    </li>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { text: 'Item 1', icon: 'fa fa-star' },
        { text: 'Item 2', icon: 'fa fa-heart' },
        { text: 'Item 3', icon: 'fa fa-check' },
      ],
    };
  },
};
</script>

在上面的示例中，我们使用v-for指令循环遍历items数组，并为每个li元素绑定一个唯一的key。然后，我们使用动态绑定(:class)来为每个li添加对应的icon类名，可以使用Font Awesome等图标库提供的类名。最后，我们在每个li中显示item的文本。

请注意，上述示例中使用了Font Awesome图标库的类名，你可以根据需要自行替换为其他图标库或自定义样式。