其他分享
首页 > 其他分享> > 常用但是不熟悉

常用但是不熟悉

作者:互联网

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