vuex中使用对象展开运算符的示例
作者：Sentiger 发布时间：2024-05-28 15:59:44
标签：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>
来源：http://www.cnblogs.com/shiwenhu/p/6920310.html
0
投稿猜你喜欢
有没有曾经为IE浏览器中长按钮莫名其妙的padding感到困扰？在分析解决方法之前，我们首先来看一下问题所在。在IE中，如果按钮文本比较长，- tensorflow升级到1.0之后，增加了一些高级模块： 如tf.layers, tf.metrics, 和tf.losses，使得代码稍
- 覆盖原型//囚犯示例 //1.定义原型对象 var proto = { sentence : 4, //监禁年限 probation:
- 查询速度慢的原因很多，常见如下几种：1、没有索引或者没有用到索引(这是查询慢最常见的问题，是程序设计的缺陷) 2、I/O吞吐量小，形成了瓶颈
- 我就废话不多说了，大家还是直接看代码吧~old_record=numpy.load('exist.npy')temp_rec
- 看了很多网上的方法，写入文件后打开文件看确实不再是乱码，但是从文件中读入json时发现了乱码，可能是读文件默认的编码格式不对。下面读写方法可
- var a = 0, b = 0;[0, 0].sort(function() {a = 1;return 0;});[0, 1].sort
- 1、图片防盗链在一些大型网站中，比如百度贴吧，该站点的图片采用了防盗链的规则，以至于使用下面代码会发生错误。简单代码：<!DOCTYP
- 本文实例教大家如何编写一个vue上传图片组件，具体如下1.首先得有一个[type=file]文件标签并且隐藏，changge事件来获取图片：
- 前言：本文的主要内容是介绍Python中的列表及其方法的使用，涉及到的方法包括对列表元素进行修改、添加、删除、排序以及求列表长度等，此外还介
- 事务特性1、原子性（Atomicity）：事务开始后所有操作，要么全部做完，要么全部不做，不可能停滞在中间环节。2、一致性（Consiste
- 1.正则表达式是什么很简单就是一种字符串匹配，eg: 比如你在注册账户时我们需要对用户的用户名判断是否合法，这时候就需要对用户输入的检索，或
- 本文实例为大家分享了微信小程序实现电影App导航和轮播的具体代码，供大家参考，具体内容如下最终的目的：底部：我们要搞好这样的底部要在app.
- 概述从今天开始我们将开启一段自然语言处理 (NLP) 的旅程. 自然语言处理可以让来处理, 理解, 以及运用人类的语言, 实现机器语言和人类
- 在命令行中输入命令并不是一个好主意，会造成安全问题。但是如果你决定去写一个应用，而这个应用需要在命令行中使用密码或者其他敏感信息。那么，你能
- 前言自动扫雷一般分为两种，一种是读取内存数据，而另一种是通过分析图片获得数据，并通过模拟鼠标操作，这里我用的是第二种方式。一、准备工作1.扫
- oracle数据库的权限系统分为系统权限与对象权限。系统权限( database system privilege )可以让用户执行特定的命
- 本文为大家讲解了Mysql多表联合查询效率分析及优化，供大家参考，具体内容如下1. 多表连接类型1. 笛卡尔积(交叉连接) 在MySQL中可
- 人工神经网络的许多算法已在智能信息处理系统中获得广泛采用，尤为突出是是以下4种算法：ART网络、LVQ网络、Kohonen网络Hopfiel
- 微信小程序canvas写字板效果及实例写字板效果：书写文字，画板重置，导出图片，导出图片前判断是否书写内容app.json：添加一个路由：&
