vue多选下拉框，每次选择都获得选择的数据，写个案例

好的，以下是一个简单的 Vue 多选下拉框的示例：

<template>
  <div>
    <select multiple v-model="selectedOptions">
      <option v-for="option in options" :value="option.value">{{ option.label }}</option>
    </select>
    <p>已选中的选项：{{ selectedOptions }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { label: '选项 1', value: '1' },
        { label: '选项 2', value: '2' },
        { label: '选项 3', value: '3' },
        { label: '选项 4', value: '4' },
        { label: '选项 5', value: '5' }
      ],
      selectedOptions: []
    };
  }
};
</script>

在上面的示例中，`<select>` 元素的 `multiple` 属性用于开启多选模式，`v-model` 指令绑定了一个名为 `selectedOptions` 的数组，这个数组将会存储用户选择的选项值。

接下来，使用 `v-for` 指令循环渲染下拉框中的选项，`v-bind` 指令用于绑定每个选项的值和显示文本，绑定的数据来自 Vue 实例中的 `options` 数组。

最后，页面展示了已经选择的选项，使用了双括号语法（插值）来展示选项数组。