s11e150 select options

s11e143/src/App.vue

@@ -93,9 +93,12 @@
                 <div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 from-group">
                     <label for="priority">Priority</label>
                     <select
+                            v-model="selectedPriority"
                             id="priority"
                             class="form-control">
-                        <option></option>
+                        <option
+                                v-for="priority in priorities"
+                                :value="priority">{{priority}}</option>
                     </select>
                 </div>
             </div>
@@ -127,8 +130,7 @@
                             </li>
                         </ul>
                         <p>Gender: {{userData.gender}}</p>
-                        <p>Priority:</p>
-                        <p>Switched:</p>
+                        <p>Priority: {{selectedPriority}}</p>
                     </div>
                 </div>
             </div>
@@ -148,6 +150,8 @@
                 },
                 message: 'A new hope',
                 sendMail: [],
+                priorities: ['High', 'Medium', 'Low'],
+                selectedPriority: 'Medium'
             };
         }
     }