The very first Vue.js example
HTML
<script src="http://vuejs.org/js/vue.min.js"></script>
<div id="demo">
<select v-model="selected" v-on:change="price=selected.price">
<option v-for="item in items" value="{{ item.id }}" v-bind:value="item">{{ item.name }}</option>
</select>
{{selected}}
</div>
JavaScript
var data = {
message: 'Hello Vue.js!'
}
var demo = new Vue({
el: '#demo',
data: function(){
return {
items: [
{id: 1, name: 'name1'},
{id: 2, name: 'name2'},
{id: 3, name: 'name3'},
{id: 4, name: 'name4'}
],
selected: ''
};
}
})