在vue子组件中建立初始值

Question

我创建了一个vue子组件以从列表中选择一个元素：

Vue.component('select-value-from-list', {
  template: `
    <select v-model="currentValue">
        <option v-for='op in options' :value='op.value'>
            {{op.label}}
        </option>
    </select>
  `,
  props: {
      initialValue: {
          type: String
      },
      options: {
          type: Array,
          required: true
      }
  },
  
  data: function() {
      return {
          currentValue: "Indefinido"
      }
  },
  watch: {
        currentValue: function () {
            this.$emit('value-change', this.currentValue);
        }
  },
  created: function() {
      if(this.initialValue)
        this.currentValue = this.initialValue;
  }
})

并且我希望带有选项的菜单与对应于所选initialValue的选项一起出现。我该怎么办？