web前端开发
你的鼓励将是我创作的最大动力
大勇任卷舒
这个作者很懒,什么都没留下…
展开
-
vue项目开发-3
项目实战筛选有三种筛选:全部:显示全部 todo进行中:显示未完成的 todo已完成:显示已完成的 todo用户是想要进行中的 todo 还是已完成的todo?可以发现用户会点击相应的按钮来表明他的意图如果在用户点击按钮时把他的意图传递给 Vue 对象给 data 增加一个属性 intention,来记录用户的意图定义三种意图:all:想查看全部 todoongoing:想查看未完成的 todocompleted:想查看已完成的 todo需要根据用户的意图从原创 2020-11-24 17:40:39 · 245 阅读 · 0 评论 -
vue项目开发-2
项目实战标记完成绑定样式 <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)"/>原创 2020-11-24 17:22:03 · 79 阅读 · 0 评论 -
vue项目开发-1
Vue基本功能表单绑定用 v-model 指令在表单 、 及 元素上创建双向数据绑定它会根据控件类型自动选取正确的方法来更新元素通过 JavaScript 在组件的 data 选项中声明初始值文本多行文本model 指令的作用是将 input 元素 value 属性的值和创建的 Vue 对象中 value 的值 进行绑定Vue 将这个值绑定后,在 input 中引起的 value 值变化就会实时反映到关联的 Vue 对象,所以引用的 {{ value }} 也原创 2020-11-24 17:14:58 · 183 阅读 · 0 评论