帮我写一个好看的select多选，并用列表显示

好的，可以使用 Element UI 组件库提供的 Select 组件实现多选效果，并使用列表展示选中的内容，代码如下：

<template>
  <div>
    <el-select v-model="selectedFruits" multiple filterable placeholder="请选择您喜欢的水果">
      <el-option v-for="item in fruits" :key="item.id" :label="item.name" :value="item.name"></el-option>
    </el-select>
    <ul>
      <li v-for="(item, index) in selectedFruits" :key="index">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fruits: [
        { id: 1, name: '苹果' },
        { id: 2, name: '香蕉' },
        { id: 3, name: '橘子' },
        { id: 4, name: '葡萄' },
      ],
      selectedFruits: [],
    };
  },
};
</script>

在上述代码中，我们使用了 Element UI 的 Select 组件，并设置了 `multiple` 属性实现多选效果。通过 `v-for` 指令遍历水果列表，在每个 `el-option` 上设置 `label` 和 `value` 属性，当选择某个选项时，该选项的 `value` 值会被添加到 `selectedFruits` 数组中，最后使用 `v-for` 指令在列表中展示选中的水果名称。