How to add a value attribute to only the first option tag?

Question

Vue.js

Hello.
I'm trying to make a drop down list from the documentation. Following the recommendation, I want to add the disabled and value="" attributes to the first option . It turned out to make the item inactive, but how to display or hide attributes, in particular value , depending on the index ? My example
Once again the task in a nutshell: having an array

options: [
      "Learn JavaScript",
      "Learn Vue",
      "Play around in JSFiddle",
      "Build something awesome"
    ]

get exactly the same markup as in the documentation example.

UPD. I came up with such a working solution https://jsfiddle.net/24691wuc/ Is it possible to make it easier, or is this the best option?

Answer 1

<option
  v-for="(n, i) in options"
  v-text="n"
  v-bind="!i && { disabled: true, value: '' }"
></option>

I just can’t understand what is the point of disabling an option, the contents of which are quite meaningful? - if the user chose something else, and then decided to return to the first option, then this will not be possible. If you want to create something like a placeholder, then create a disabled option separately:

<option disabled value="">выбирай!</option>
<option v-for="n in options">{{ n }}</option>

Answer 2

https://jsfiddle.net/2gxc8mz9/ so what?