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 相关文章推荐
Jquery操作Select 简单方便 一个js插件搞定
Nov 12 Javascript
通过JS自动隐藏手机浏览器的地址栏实现原理与代码
Jan 02 Javascript
js利用数组length属性清空和截短数组的小例子
Jan 15 Javascript
JQuery中使用.each()遍历元素学习笔记
Nov 08 Javascript
BootStrap扔进Django里的方法详解
May 13 Javascript
Jquery树插件zTree实现菜单树
Jan 24 Javascript
浅析Node.js非对称加密方法
Jan 29 Javascript
JavaScript中常见内置函数用法示例
May 14 Javascript
微信小程序class封装http代码实例
Aug 24 Javascript
layer.open的自适应及居中及子页面标题的修改方法
Sep 05 Javascript
JavaScript十大取整方法实例教程
Dec 03 Javascript
使用Cargo工具高效创建Rust项目
Aug 14 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
php iconv() : Detected an illegal character in input string
2010/12/05 PHP
php发送与接收流文件的方法
2015/02/11 PHP
php生成PDF格式文件并且加密
2015/06/22 PHP
PHP实现QQ、微信和支付宝三合一收款码实例代码
2018/02/19 PHP
Laravel关联模型中过滤结果为空的结果集(has和with区别)
2018/10/18 PHP
jQuery的一些特性和用法整理小结
2010/01/13 Javascript
js实现网页自动刷新可制作节日倒计时效果
2014/05/27 Javascript
node.js读取文件到字符串的方法
2015/06/29 Javascript
JS+CSS实现精美的二级导航效果代码
2015/09/17 Javascript
基于JS实现checkbox全选功能实例代码
2016/10/31 Javascript
详解微信小程序 页面跳转 传递参数
2016/12/08 Javascript
JQuery.validationEngine表单验证插件(推荐)
2016/12/10 Javascript
Vue.js 递归组件实现树形菜单(实例分享)
2016/12/21 Javascript
npm国内镜像 安装失败的几种解决方案
2017/06/04 Javascript
javascript 对象 与 prototype 原型用法实例分析
2019/11/11 Javascript
Python中使用不同编码读写txt文件详解
2015/05/28 Python
在Django中使用Sitemap的方法讲解
2015/07/22 Python
python 爬虫出现403禁止访问错误详解
2017/03/11 Python
python中 logging的使用详解
2017/10/25 Python
python3.6连接MySQL和表的创建与删除实例代码
2017/12/28 Python
详解flask表单提交的两种方式
2018/07/21 Python
程序员写Python时的5个坏习惯,你有几条?
2018/11/26 Python
Python秒算24点实现及原理详解
2019/07/29 Python
python pandas移动窗口函数rolling的用法
2020/02/29 Python
python实现UDP协议下的文件传输
2020/03/20 Python
pyinstaller打包找不到文件的问题解决
2020/04/15 Python
TensorFlow tf.nn.conv2d_transpose是怎样实现反卷积的
2020/04/20 Python
CSS3中使用RGBA设置透明度的示例
2015/08/04 HTML / CSS
英国奢侈皮具品牌:Aspinal of London
2018/09/02 全球购物
Python如何定义一个函数
2015/09/01 面试题
合法的离婚协议书范本
2014/10/23 职场文书
实习推荐信格式模板
2015/03/27 职场文书
检讨书范文大全
2015/05/07 职场文书
安全教育培训制度
2015/08/06 职场文书
医院病假条范文
2015/08/17 职场文书
nginx反向代理时如何保持长连接
2021/03/31 Servers