手动实现vuex中mapGetters

vuex中mapGetters

在我们读取vuex的数据的时候通常是这么读取的

	console.log(this.$store.state.book.test)

如果这样反复使用会发现有很大的代码冗余量

因此，vue也提供了mapGetters这种好用的方法

首先在store目录下新建一个getters文件夹

然后在其内部将需要反复读取的数据组合成一个对象，并暴露出去

同时还要在store下的index文件中配置引入和使用

然后在需要获取数据的vue文件中引入vue中的mapGetters方法

其次就是将mapGetters方法传入一个数组进行执行，并将他混入在计算属性之中

然后就可以利用进行读取

console.log(this.test)

手动实现
申明一个getters对象 其内部是需要读取并返回的数据

创建一个函数fn类似于mapGetters函数

同样在计算属性中进行混入

一样可以利用这种方法读取到