<div id="app">
<h2>Todos:</h2>
<ol>
<li v-for="todo in todos">
<label>
<input v-model="todo" >
</label>
</li>
</ol>
</div>
new Vue({
el: "-sharpapp",
data: {
todos: [1,2,3]
},
watch:{
todos: {
handler(newValue, oldValue) {
for (let i = 0; i < newValue.length; iPP) {
if (oldValue[i] != newValue[i]) {
alert(newValue)
}
}
},
deep: true
}
},
methods: {
toggle: function(index,e){
alert(e)
}
}
})demo: http://jsfiddle.net/9hmndL4x/ changing the value in input does not trigger watch