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: {
}
})
