详解vuex之store拆分即多模块状态管理(modules)篇(2)

<template> </template> <script> export default{ computed{ bookList:this.$store.mod1.bookList, }, methods:{ addBook:book=>this.$store.mod1.commit('ADD_BOOK',book);//这里需要注意,如果你是用了子模块的这种方法你需要加上模块名这是mod1,如果没有就不需要加。 deleteBook:id=>this.$store.mod1.disaptch('DELETE_BOOK',id); } } </script>

总结:

将store进行拆分,有利于我们更好的管理项目中的状态,以及使我们的项目维护更加加单高效。各个模块之间的开发互相不影响。

好了,这次就简单的介绍到这里,这次主要是介绍怎么用。并没有深入到他的实现原理,对于vue的涉世未深的人来说,我感觉还是够用了。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/dcddf9f5f6e7abe6fb81bad9fbbd690e.html