vue中，一个下拉框中有三种选择，选择其中一个下面就显示出对应的效果的代码

在 Vue.js 中，你可以使用 v-model 绑定下拉框的选择，并结合条件渲染来显示对应的效果。这里有一个简单的示例：

<template>
  <div>
    <select v-model="selectedOption">
      <option value="">请选择</option>
      <option value="option1">选项1</option>
      <option value="option2">选项2</option>
      <option value="option3">选项3</option>
    </select>

    <!-- 根据 selectedOption 的值显示对应内容 -->
    <p v-if="selectedOption === 'option1'">这是选项1的效果</p>
    <p v-if="selectedOption === 'option2'">这是选项2的效果</p>
    <p v-if="selectedOption === 'option3'">这是选项3的效果</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOption: ''
    };
  }
};
</script>

在这个例子中，当用户从下拉框中选择一个选项时，对应的 `<p>` 元素会根据 `selectedOption` 变化而展示相应的内容。