Vue 2.0 Hello World

by Travis Smith

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
<select v-model="selected">
  <optgroup v-for="(group, name) in optionGroups" :label="name">
    <option v-for="sub in group" :value="option.value">{{sub.text}}</option>
  </optgroup>
</select>
<span>Selected: {{ selected }}</span>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    selected: 'A',
    options: {
    First:[
      { text: 'One', value: 'A',  },
      { text: 'Two', value: 'B' }
      ],
    Second :  [{ text: 'Three', value: 'C' }]
    }
  }
})