目的

如果是true的话，就在该项事件上加一个删除线
首先为li元素添加checked这个类。

<li v-for='(todo,index) in todos'
    :class="{'checked':todo.done}"
    >{{index+1}} {{todo.value}}
</li>

上述代码的作用如图

image.png

接着为class=’checked‘的项目单独设置样式。这里用来属性选择器。 line-through代表删除线。

li[class='checked'] {
    text-decoration: line-through;
}

最终结果如图

image.png

4，如何使用class进行样式的绑定
vue中样式（使用vue进行样式的绑定）第一种对于不使用vue进行样式绑定使，直接class="thin ac...
使用vue绑定class样式的写法
1、vue绑定class样式,直接使用数组进行绑定这是第二个标题 2、vue绑定class样式,直接使用三元表达...
vue中的样式绑定例子
vue中的样式绑定例子
vue-cli 双向绑定 v-model, 样式绑定 v-bin
index.vue v-bind绑定样式
vue2.x(指令v-bind)
v-bind 缩写使用v-bind来绑定css样式：在绑定CSS样式是，绑定的值必须在vue中的data属性中...
Vue绑定样式
绑定 Class 对象语法内联绑定 data: { isActive: true, hasError...
Vue样式绑定
本文是续Vue数据绑定 - 简书一文。vue绑定属性的语法为attribute=’expression‘ 目的如...
vue:样式绑定
Vue.js 样式绑定 Vue.js class class 与 style 是 HTML 元素的属性，用于设置元...
Vue: 样式绑定
学习 Vue 的时候觉得样式绑定很简单，但是使用的时候总是容易搞晕自己。因为 :class 和 :style 里的...
angularJs ng-style实际用法
项目里，总有需要动态绑定样式的地方。angularJs和vue动态绑定样式的制定方法大同小异。 ng-class道...