最新 热门 RSS订阅
批量清除todo练习参考答案
练习一 非常简单,用 if 指令,根据是否存在某类型的 todo 来决定该类型的按钮显示或者隐藏即可,具体的有: 如果不存在未完成的 todo,全部标为完成、进行中的按钮隐藏。 如果不存在已完成的 todo,已完成、清除已完成的按钮隐藏。 若没有 todo,筛选和清除等按钮全隐藏,显示“添加我的第 ...
135 0 Vue 2.x Todo 教程练习参考答案
组件化todo应用
Vue 的组件是一个可复用的 Vue 实例,组件可以有自己的数据(data),组件可以互相嵌套而形成一个树状组织结构。因为组件也是一个 Vue 的实例,因此它的创建和我们之前使用 new Vue 创建 Vue 实例非常类似。 Vue 引入组件的目的,就是为了复用。例如一个按钮,把和这个按钮相关的数据 ...
165 0 Vue 2.x Todo 教程
本地存储
还有一个问题,现在只要我们一刷新浏览器,所有todo 都没了,因为我们的数据保存在内存中,页面刷新数据就会清除。用户肯定不希望为了保存全部 todo 而不得不一直把这个浏览器页面开着。我们可以使用浏览器的 LocalStorage 来实现数据的持续性存储。这样一来只要用户不删除浏览器缓存,我们的 t ...
170 0 Vue 2.x Todo 教程
批量清除todo
接下来还剩下最后两个清除已完成和清除全部 todo 的功能,有了如何筛选todo 的经验,清除todo也是小菜一碟,只要把筛选出来的 todo 从 todos 列表删除就可以了。 老套路,先为按钮绑定事件,然后实现相应的绑定方法,相信你已经轻车熟路了: <input type="bu ...
140 0 Vue 2.x Todo 教程