本篇文章主要介绍了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> 

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

最新资讯
科学好故事|窥探大脑内部:我们是如何产生情绪和欲望的

科学好故事|窥探大脑内

通过对大量的数据进行分析,神经科学家试图了解我们的大
马斯克:特斯拉上海超级工厂最终有望年产100万辆电动汽车

马斯克:特斯拉上海超级

在2020年的特斯拉股东大会上,埃隆·马斯克透露,上海超级
百岁院士李东英逝世

百岁院士李东英逝世

稀有金属冶金及材料专家、中国工程院院士李东英,2020年
最新观测:彗星周围竟然出现怪异的紫外线极光!

最新观测:彗星周围竟然

在此之前科学家从未探测到彗星极光,但近期“罗塞塔”探
土星的海洋卫星土卫二在意想不到的地方发现了新冰

土星的海洋卫星土卫二

土星的卫星土卫二,也叫“恩赛勒达斯”,是一颗有间歇泉喷
一种新行星“超热海王星”现身

一种新行星“超热海王

此前模型认为这种天体不可能存在
最新文章
详解Vue的ref特性的使用

详解Vue的ref特性的使

这篇文章主要介绍了详解Vue的ref特性的使用,文中通过
vue学习笔记之slot插槽基本用法实例分析

vue学习笔记之slot插

这篇文章主要介绍了vue学习笔记之slot插槽基本用法,结
vue跳转方式(打开新页面)及传参操作示例

vue跳转方式(打开新页

这篇文章主要介绍了vue跳转方式(打开新页面)及传参操作,
vue学习笔记之过滤器的基本使用方法实例分析

vue学习笔记之过滤器

这篇文章主要介绍了vue学习笔记之过滤器的基本使用方
js获取本日、本周、本月的时间代码

js获取本日、本周、本

本篇文章给大家分享的内容是利用js如何获取本日、本周
node crawler如何添加promise支持

node crawler如何添加

这篇文章主要介绍了node crawler如何添加promise支持,