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


Posted in Javascript onSeptember 25, 2017

使用场景

当需要进行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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
在textarea中显示html页面的javascript代码
Apr 20 Javascript
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
Dec 13 Javascript
JS获取html对象的几种方式介绍
Dec 05 Javascript
浅谈JavaScript数据类型及转换
Feb 28 Javascript
jQuery实现的网格线绘制方法
Jun 20 Javascript
javascript常用经典算法详解
Jan 11 Javascript
原生js实现返回顶部缓冲效果
Jan 18 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
Mar 07 Javascript
深入理解Commonjs规范及Node模块实现
May 17 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
Nov 26 Javascript
小程序文字跑马灯效果
Dec 28 Javascript
基于JS实现简单滑块拼图游戏
Oct 12 Javascript
Three.js利用性能插件stats实现性能监听的方法
Sep 25 #Javascript
Three.js如何用轨迹球插件(trackball)增加对模型的交互功能详解
Sep 25 #Javascript
Three.js入门之hello world以及如何绘制线
Sep 25 #Javascript
es6系列教程_ Map详解以及常用api介绍
Sep 25 #Javascript
简单谈谈js的数据类型
Sep 25 #Javascript
实现两个文本框同时输入的实例
Sep 25 #Javascript
zTree jQuery 树插件的使用(实例讲解)
Sep 25 #jQuery
You might like
程序员编程十条戒律
2009/07/09 PHP
php使用sql数据库 获取字段问题介绍
2013/08/12 PHP
Laravel框架学习笔记(一)环境搭建
2014/10/15 PHP
基于PHP实现用户注册登录功能
2016/10/14 PHP
PHP自定义函数获取汉字首字母的方法
2016/12/01 PHP
Yii2――使用数据库操作汇总(增删查改、事务)
2016/12/19 PHP
PHP 类与构造函数解析
2017/02/06 PHP
php模式设计之观察者模式应用实例分析
2019/09/25 PHP
数据结构之利用PHP实现二分搜索树
2020/10/25 PHP
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
2013/06/14 Javascript
jquery 按键盘上的enter事件
2014/05/11 Javascript
javaScript语法总结
2016/11/25 Javascript
快速掌握jQuery插件开发
2017/01/19 Javascript
通过jsonp获取json数据实现AJAX跨域请求
2017/01/22 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
微信小程序实现红包雨功能
2018/07/11 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
2019/10/26 Javascript
AJAX XMLHttpRequest对象创建使用详解
2020/08/20 Javascript
Python写的创建文件夹自定义函数mkdir()
2014/08/25 Python
python分析网页上所有超链接的方法
2015/05/08 Python
Python 2.x如何设置命令执行的超时时间实例
2017/10/19 Python
Python除法之传统除法、Floor除法及真除法实例详解
2019/05/23 Python
python 列表输出重复值以及对应的角标方法
2019/06/11 Python
Python中IP地址处理IPy模块的方法
2019/08/16 Python
Python 内置函数globals()和locals()对比详解
2019/12/23 Python
Python命名空间namespace及作用域原理解析
2020/06/05 Python
Pycharm导入anaconda环境的教程图解
2020/07/31 Python
css3的transform造成z-index无效解决方案
2014/12/04 HTML / CSS
开办饭店创业计划书
2013/12/28 职场文书
心理健康课教学反思
2014/02/13 职场文书
理想点亮人生演讲稿
2014/05/21 职场文书
行政执法作风整顿剖析材料
2014/10/11 职场文书
先进班集体申报材料
2014/12/26 职场文书
商务英语邮件开头问候语
2015/11/10 职场文书
怎么禁用Windows 11快照布局? win11不使用快照布局的技巧
2021/11/21 数码科技
CentOS7环境下MySQL8常用命令小结
2022/06/10 Servers