1.在state中添加getters
getters: {
// 统计未完成的任务条数
unDoneLength (state) {
return state.list.filter(x => x.done === false).length
}
}
2.vue组件中引入getters
import { mapGetters } from 'vuex'
computed: {
...mapGetters(['unDoneLength'])
}
3.展示数据
{{unDoneLength}}
