如何点击下拉列表？

<select>
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

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

<script>
  $(document).ready(function(){
    $('#mySelect').change(function(){
      var selectedOption = $(this).children("option:selected").val();
      console.log("选中的选项是：" + selectedOption);
    });
  });
</script>

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

<script>
  export default {
    data() {
      return {
        selectedOption: ''
      }
    },
    watch: {
      selectedOption(newValue) {
        console.log("选中的选项是：" + newValue);
      }
    }
  }
</script>