常用但是不熟悉
作者:互联网
mapGetters 取vuex中的值
1==> 引入
import { mapMutations, mapGetters } from "vuex" // mapGetters 取值的辅助函数
2==> 注入在computed中注入
computed:{
//mapGetters来取值
...mapGetters(['sysname','datatest']);//数组的形式
},
3==>取值 this.sysname 就可以输出
mapMutations修改Vue中的值
1==> 引入mapMutations,这个辅助函数可以设置vuex中的值
import { mapMutations, mapGetters } from "vuex"
2==>放在methods中的最后一处;key:’value'的形式(value有引号,是你的映射设置),key是设置的方法
...mapMutations({
changesysname:'SYSNAME',
})
3==> 修改值
this.changesysname({
name:'数据改为123', //key是state中的,value是你要保存的值
})
问题
1==>如何快速的更改state中的值; ? 可以使用对象合并这个方法来解决哈
2==>说一说watch和computed的区别;并在什么情况下使用???
Object.assign(目标对象, 被合并的对象)
// Object.assign(目标对象, 被合并的对象)
// 如果被合并的对象于目标对象有相同的key,会出现覆盖;
// 最后输出的是目标对象
let form = {
name: '张三',
age: 19,
}
let obj = {
sex: '男',
age: 20, //会出现覆盖
}
Object.assign(form, obj);
console.log(form);
{name: "张三", age: 20, sex: "男"}
Object.assign(目标对象, 被合并的对象)
let form = {
name: '张三',
age: 19,
}
//vuex中,比如我只想修改age为34
Object.assign(form, {
age: 34
});
console.log(form);
标签:常用,form,vuex,age,Object,熟悉,mapMutations,mapGetters,但是 来源: https://www.cnblogs.com/IwishIcould/p/14461256.html