<div?id="app">
??<h1?v-text='title'></h1>
??<ul>
????<li?v-for='item?in?items'?v-bind:class="{finshed:?item.isFinshed}"?v-on:click="toggleFinsh(item)">
??????{{?item.lable}}
????</li>
??</ul>
</div>

var?vm?=??({
??data:?function()?{
????return?{
??????title:?'this?is?a?vue',
??????items:?[
????????{
??????????lable:?'coding',
??????????idFinshed:?true
????????},
????????{
??????????lable:?'walking',
??????????isFinshed:?false
????????}
??????]
????}
??},
??methods:?{
????toggleFinsh:?function(item)?{
??????item.isFinshed?=?!item.isFinshed
????}
??}
})