1:states里面初始化任务列表
//定义所需要的状态的 state: { list:[ { title: "吃饭", complete: false, }, { title: "睡觉", complete: false, }, { title: "打豆豆", complete: false, }, ] //name: 'jack' },
2:mutations中
添加任务 payload表示添加的任务
addTodo(state,payload){ state.list.push(payload) },
删除任务 splice(下标，个数) payload表示当前点击的下标
delTodo(state,payload){ state.list.splice(payload,1) },
清除已完成 payload表示已经过滤后的数组
clear(state,payload){ //把过滤之后的数组传进来 state.list=payload }
index.js
import{ createStore } from 'vuex' export default createStore({ //定义所需要的状态的 state: { list:[ { title: "吃饭", complete: false, }, { title: "睡觉", complete: false, }, { title: "打豆豆", complete: true, }, ] }, mutations: { //添加任务 addTodo(state,payload){ state.list.push(payload) }, //删除任务 splice(下标，个数) delTodo(state,payload){ state.list.splice(payload,1) }, //清除已完成 clear(state,payload){ //把过滤之后的数组传进来 state.list=payload } }, actions: { }, //模块化 modules: { } })
