我应该如何放置与select选项值相关的条件

// HTML
<select id="mySelect">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

// JavaScript
const selectElement = document.getElementById('mySelect');
selectElement.addEventListener('change', function() {
  const selectedValue = selectElement.value;
  // 根据选中的值设置条件
  if (selectedValue === 'option1') {
    // 执行相应的操作
  } else if (selectedValue === 'option2') {
    // 执行相应的操作
  } else if (selectedValue === 'option3') {
    // 执行相应的操作
  }
});

<template>
  <select v-model="selectedValue">
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
  </select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: ''
    };
  },
  watch: {
    selectedValue(newValue) {
      // 根据选中的值设置条件
      if (newValue === 'option1') {
        // 执行相应的操作
      } else if (newValue === 'option2') {
        // 执行相应的操作
      } else if (newValue === 'option3') {
        // 执行相应的操作
      }
    }
  }
};
</script>