大勇若怯任卷舒

项目实战 筛选 有三种筛选： 全部：显示全部 todo 进行中：显示未完成的 todo 已完成：显示已完成的 todo 用户是想要进行中的 todo 还是已完成的todo？ 可以发现用户会点击相应的按钮来表明他的意图 如果在用户点击按钮时把他的意图传递给 Vue 对象 给 data 增加一个属性 intention，来记录用户的意图 定义三种意图： all：想查看全部 todo ongoing：想查看未完成的 todo completed：想查看已完成的 todo 需要根据用户的意图从

项目实战 标记完成 绑定样式 <li v-for='todo in todos' :key='todo.id'> <span v-bind:class="{completed: todo.completed}">{{ todo.title }}</span> <input type="button" value="标为完成" @click="markAsCompleted(todo)"/&gt

Vue基本功能 表单绑定 用 v-model 指令在表单 、 及 元素上创建双向数据绑定 它会根据控件类型自动选取正确的方法来更新元素 通过 JavaScript 在组件的 data 选项中声明初始值 文本 多行文本 model 指令的作用是将 input 元素 value 属性的值和创建的 Vue 对象中 value 的值 进行绑定 Vue 将这个值绑定后，在 input 中引起的 value 值变化就会实时反映到关联的 Vue 对象，所以引用的 {{ value }} 也