title: How to set default selected value in select with vue.js?
body: <p>So, I need to generate x amount of "selects" based on a result from a query to an external endpoint.</p>
  
  <p>Below is an example of the json that is the data I use to generate my selects.
  This example contains only one "question" in an array of "questions". (Also, the array construct inside the "answers" is a little bit exaggerated but that's what I have to work with)</p>
  
  <pre><code>"questions": [{
      "question": [
      {
         "answers": [
          {
            "answer": [
              {
                "answer": "Answer 1",
                "id": 216,
                "questionID": 83,
                "selected": false,
                "sortOrder": 1
              },
              {
                "answer": "Answer 2",
                "id": 217,
                "questionID": 83,
                "selected": true,
                "sortOrder": 2
              },    
              ... plus x number of "answers" here..           
            ]
          }
         ],
         "question": "Question 1",
       }
      ]}
   ...]
  </code></pre>
  
  <p>So, I generate the selects like so (I have stripped the example from irrelevant styling):</p>
  
  <pre><code>&lt;v-layout row wrap v-for="question in questionnaire.questions[0].question" 
  :key="question.id"&gt;  
        &lt;span&gt;{{question.question}}&lt;/span&gt;
  
        &lt;v-select
          item-text="answer"
          item-value="id"
          :items="question.answers[0].answer"
          ref="answer_selects"    
        &gt;&lt;/v-select&gt;
  </code></pre>
  
  <p>Now, back to my question. As you can see in the json the second "answer" has a property "selected" with the value of "true". This means that I have to set this particular item as selected "by default". How do I achieve this in a good vue manner? </p>