ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

常用但是不熟悉

2021-02-28 23:33:17  阅读:218  来源: 互联网

标签:常用 form vuex age Object 熟悉 mapMutations mapGetters 但是


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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有