Vuex实现数据增加和删除功能

2020-06-13 06:02:21易采站长站整理

const getters = {
newBookList:function( state ){
return JSON.parse(JSON.stringify(state.bookList)).splice(0,1)
}
}

这样,我们在组件内部这样输出


mounted( ) {
console.log(this.$store.getters.newBookList)
console.log(this.bookList)
}

我们通过JSON拷贝,既可以得到过滤之后的state数据(1条数据),也可以得到原state数据(4条数据),个人理解,getters的作用就在这里

以上这篇Vuex实现数据增加和删除功能就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。