Vue 2.0 Hello World

by John Passmore

HTML

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

<div id="app">
  <div v-for="(select, index) in selects">
    <select :value="select" @input="$set(selects, index, +$event.target.value);">
      <option :value="1">1</option>
      <option :value="2">2</option>
      <option :value="3">3</option>
      <option :value="4">4</option>
    </select>
  </div>
  <div>
    {{ selects }}
  </div>
</div>

JavaScript

new Vue({
  el: '#app',
  data: function () {
    return {
      selects: [
        1, 2, 3
      ]
    };
  },
  created: function () {
    this.selects.push(4);
  },
})