todolist demo
最近有空重新看了一下vuex,然后又写了一个todolist小demo,原理比较简单,主要是自己规范了一下代码的写法.
效果图
根组件
todo list demo
过滤条件组件
- {{item}}
添加待办组件
单个待办事项组件
{{index+1}}. {{data.message}}{{dateFormat(data.id)}} Delete
vuex部分(模块)
obj.id !== id)
},handleToggle(state,id) {
state.list = state.list.map(
obj => (obj.id === id ? { ...obj,status: !obj.status } : obj)
)
},handleUpdateFilter(state,filter) {
state.filter = filter
}
}
export default {
namespaced: true,state,mutations
}
原文链接：https://www.f2er.com/vue/33288.html