vuex中使用对象展开运算符的示例

使用场景

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

1.首先需要安装

npm install babel-plugin-transform-object-rest-spread -D 

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

{

 "presets": [

  ["env", { "modules": false }]

 ],

 "plugins": ["transform-object-rest-spread"] //增加这一行

} 

3.在vue组件中使用

<script>

  import {mapState,mapGetters} from 'vuex'

  export default {

    methods:{

      increment(){

        this.$store.commit('increment');

      }

    },

    computed:{

      ...mapGetters([

        'count'

      ]),

      ...mapState({

        counts(){

          return this.$store.state.count;

        }

      })

    }

  }

</script> 

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

# vuex  # 对象展开运算符  # vue  # 扩展运算符  # vue第三方库中存在扩展运算符报错问题的解决方案  # vue.js 中使用（...）运算符报错的解决方法  # 在vue中v-bind使用三目运算符绑定class的实例  # 解决Vue运算符报错:Syntax Error: Unexpected   # 就会  # 这个时候  # 会使  # 大家多多  # 这一行  # transform  # object  # babel  # plugin  # babelrc  # spread  # rest  # plain  # install  # mapState  # mapGetters  # strong  # bash  # npm 

相关文章： 如何在Golang中指定模块版本_使用go.mod控制版本号  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  武清网站制作公司,天津武清个人营业执照注销查询系统网站？  如何快速生成橙子建站落地页链接？  建站之星导航如何优化提升用户体验？  如何在西部数码注册域名并快速搭建网站？  Swift中swift中的switch 语句  ,巨量百应是干嘛的？  如何通过西部建站助手安装IIS服务器？  如何制作公司的网站链接,公司想做一个网站，一般需要花多少钱？  jQuery 常见小例汇总  如何通过宝塔面板实现本地网站访问？  建站之星多图banner生成与模板自定义指南  如何在IIS7上新建站点并设置安全权限？  巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成  建站之星如何开启自定义404页面避免用户流失？  安云自助建站系统如何快速提升SEO排名？  如何配置支付宝与微信支付功能？  广东专业制作网站有哪些,广东省能源集团有限公司官网？  制作网站的公司有哪些,做一个公司网站要多少钱？  建站DNS解析失败？如何正确配置域名服务器？  建站之星安装后界面空白如何解决？  视频网站制作教程,怎么样制作优酷网的小视频？  建站VPS选购需注意哪些关键参数？  建站主机类型有哪些？如何正确选型  山东云建站价格为何差异显著？  浅谈Javascript中的Label语句  平台云上自主建站：模板化设计与智能工具打造高效网站  网站制作公司广州有几家,广州尚艺美发学校网站是多少？  如何快速搭建高效WAP手机网站？  专业商城网站制作公司有哪些,pi商城官网是哪个？  建站之星在线版空间：自助建站+智能模板一键生成方案  如何在Ubuntu系统下快速搭建WordPress个人网站？  怎么将XML数据可视化 D3.js加载XML  教学网站制作软件,学习*后期制作的网站有哪些？  制作销售网站教学视频,销售网站有哪些？  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思？  香港网站服务器数量如何影响SEO优化效果？  学校为何禁止电信移动建设网站？  如何使用Golang安装API文档生成工具_快速生成接口文档  PHP 500报错的快速解决方法  如何快速完成中国万网建站详细流程？  如何续费美橙建站之星域名及服务？  较简单的网站制作软件有哪些,手机版网页制作用什么软件？  常州企业建站如何选择最佳模板？  c# 在ASP.NET Core中管理和取消后台任务  如何制作网站标识牌,动态网站如何制作（教程）？  制作门户网站的参考文献在哪,小说网站怎么建立？  建站之星免费版是否永久可用？  如何确保FTP站点访问权限与数据传输安全？