vuex中使用对象展开运算符的示例 - 行业资讯 - 肥雀云

<强>使用场景

当需要进行vuex进行数据状态管理的时候,会使用到mapGetters, mapState,还有自身的计算属性的时候,这个时候就会用到这个了!

1。首先需要安装

　　　　　　npm安装babel-plugin-transform-object-rest-spread - d 　　　　

2。需要在.babelrc文件中新增以下

　　　　　　{ 　　　　“预设”:( 　　　　(“env”{“模块”:假}] 　　　　), 　　　　“插件”(“transform-object-rest-spread”)://增加这一行　　　　} 　　之前　　　　

3。在vue组件中使用

　　　　　　& lt; script> 　　　　从“vuex”进口{mapState, mapGetters} 　　　　出口默认{ 　　　　方法:{ 　　　　增加(){ 　　　　store.commit美元。(“增量”); 　　　　} 　　　　}, 　　　　计算:{ 　　　　……mapGetters ( 　　　　“数” 　　　　]), 　　　　…mapState ({ 　　　　数量(){ 　　　　返回这个。store.state.count美元; 　　　　} 　　　　}) 　　　　} 　　　　} 　　　　& lt;/script> 　　之前　　　　

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。