Vue

by WILLIAM CORREA

HTML

<div id="app">
  <select
    v-model="selected"
    @input="input"
    @change="change"
  >
    <option
      v-for="(value, index) in options"
      :key="index"
      :value="value"
    >
      {{ value }}
    </option>
  </select>
</div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

li {
  margin: 8px 0;
}

h2 {
  font-weight: bold;
  margin-bottom: 15px;
}

del {
  color: rgba(0, 0, 0, 0.3);
}

Vue

new Vue({
  el: "#app",
  data: () => ({
  	selected: undefined,
    options: ['A', 'B', 'C']
  }),
  methods: {
  	input ($event) {
    	window.alert('Emited input: ' + $event.target.value)
    },
  	change ($event) {
    	window.alert('Emited change: ' + $event.target.value)
    }
  }
})