vue中使用map,vue中map的用法
这篇文章主要介绍了某视频剪辑软件中地图突变传递参数方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
目录
通过子组件定义的方法传递参数在…地图突变引用当然也可以写直接传递关于地图突变的作用
通过子组件定义的方法传递参数
在…mapMutations引用
不多逼逼，看代码！
商店文件中：
从" Vuex "导入Vuex
从“Vue”导入Vue
vue。使用(Vuex)；
let store=new Vuex .商店({
状态：{
名字：哈哈哈，
年龄： 19 ,
},
突变：{
changeName(state，params) {
控制台。日志(参数)；
state.name=参数名
},
零钱(状态，参数){
state.age=params.age
}
},
})
导出默认存储
武德莫中：
模板
差异
h4这里是son1组件/h4
姓名：{ {姓名}}
年龄：{ {年龄}}
按钮@click=呵呵改名字/按钮
/div
/模板
脚本
从" vuex "导入{ mapState，地图突变}；
导出默认值{
data() {
返回{
列表：{
名称："6666"
}
};
},
计算值：{
.mapState([姓名,年龄])
},
方法：{
呵呵(){
这个。changename(这个。列表)；
},
.地图突变([changeName])
}
};
/脚本
风格
/风格
当然也可以写直接传递
state.age=params
button @ click=更改名称(555555)改名字/按钮
省略数据传参
.地图突变([changeName])
关于mapMutations的作用
地图突变工具函数会将商店中的犯罪方法映射到组件的方法中。和地图操作的功能几乎一样，我们来直接看它的实现：
导出函数映射突变（突变){
const res={}
标准化地图(突变)。forEach(({ key，val })={
res[key]=函数mapped突变(.args) {
归还这个store.commit.apply(this .$store，[val].concat(args))
}
})
返回资源
}
函数的实现几乎也和地图操作一样，唯一差别就是映射的是商店的犯罪方法。为了更直观地理解，我们来看一个简单的例子：
从" vuex "导入{地图突变}
导出默认值{
//.
方法：{
.地图突变([
增量//映射this.increment()到这个store.commit(increment )
]),
.地图突变({
添加：增量//映射this.add()到这个store.commit(increment )
})
}
}
经过地图突变函数调用后的结果，如下所示：
从" vuex "导入{ mapActions }
导出默认值{
//.
方法：{
增量（.args) {
归还这个store.commit.apply(this .$store，[increment].concat(args))
}
添加（.args) {
归还这个store.commit.apply(this .$store，[increment].concat(args))
}
}
}
以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。