深入理解Vuex 模块化(module)

2020-06-14 06:00:59易采站长站整理

'foo',
'bar'
])
}

六、模块重用

有时我们可能创建一个模块的多个实例,例如:

创建多个store,他们共用一个模块
在一个store中多次注册同一个模块

如果我们使用一个纯对象来声明模块的状态,那么这个状态对象会通过引用被共享,导致数据互相污染。
实际上Vue组件内data是同样的问题,因此解决办法也是一样的,使用一个函数来声明模块状态(2.3.0+支持)


const MyModule = {
state () {
return {
foo: 'far'
}
}
}

七、总结

到这里模块化(module)的内容就已经讲完了,本次主要讲解了module出现的原因,使用方法,全局和局部namespaced模块命名空间,局部访问全局内容,map函数带有命名空间的绑定函数和模块的重用。

引用

https://vuex.vuejs.org Vuex官方文档