1、 绑定函数
组件:
<a @click="clean">清除已完成</a>
methods: {
// 清除已完成的任务
clean() {
this.$store.commit('cleanDone')
}
}
2、vuex处理实现
vuex:
mutations: {
// 清除已完成的任务
cleanDone(state) {
state.list = state.list.filter((x) => x.done === false)
}
}
本文介绍了如何在Vue应用中使用Vuex来管理状态,通过绑定点击事件清理已完成任务,展示了如何在组件和store中实现`cleanDone`方法和相应的mutation,使得状态同步且易于维护。
1530

被折叠的 条评论
为什么被折叠?



