深夜请教 vuejs 的一个问题。

[firhome]

同步： https://segmentfault.com/q/1010000004613246

数据
[{

name:'aaa',
id:'0',
iscur:false
},{

name:'bbb',
id:'1',
iscur:false
},{

name:'ccc',
id:'2',
iscur:true
}
]

html:

<li v-for='item in data'>{{ item.name }}</li>

我需要分别点击 li 添加一个 class cur ，同时更新状态到 data 里的 iscur
操作数据的 iscur:true 时 当前 li 也自动添加 /删除 cur ，

请问这个操作 用 vuejs 怎么实现呢？

[sox]

擦，看文档，而且这个代码是给人看的吗

[eric6356]

可以看一下 class 与 style 的绑定那一节，另外操作数据的时候可能需要用 Vue.set 来确保 Vue 能追踪到，这里挺复杂的。同学习中！

[emric]

文档是用来看的。

[coolzjy]

```html
<li v-for='item in data' @click="item.iscur = !item.iscur" :class="{ cur: item.iscur }">{{ item.name }}</li>
```

[coolzjy]

@coolzjy 我是不是助长了张口就问的不良风气

[EnginDee]

似乎是 jquery 年代，思维还没转过来。 我也是 low 逼， jq 年代的老人了……