vuex中使用对象展开运算符
2017-05-30 13:51
197 查看
使用场景
当需要进行vuex进行数据状态管理的时候，会使用到mapGetters,mapState,还有自身的计算属性的时候，这个时候就会用到这个了！
1.首先需要安装
npminstallbabel-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'
exportdefault{
methods:{
increment(){
this.$store.commit('increment');
}
},
computed:{
...mapGetters([
'count'
]),
...mapState({
counts(){
returnthis.$store.state.count;
}
})
}
}
</script>
当需要进行vuex进行数据状态管理的时候，会使用到mapGetters,mapState,还有自身的计算属性的时候，这个时候就会用到这个了！
1.首先需要安装
2.需要在.babelrc文件中新增以下
3.在vue组件中使用
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- vuex中使用对象展开运算符的示例
- vuex在页面中以对象展开运算符形式引入报错解决
- vuex的辅助函数mapState前面的那三个点--对象展开运算符
- vue使用vuex时展开运算符出错解决方案
- error C2712: 无法在要求对象展开的函数中使用 __try
- es6箭头函数(=>)与展开特性运算符(...)的使用
- 在看官方的例子时候由一个grid实例，在每一行之前有个加号，展开可以显示内容，在实际应用中还是非常有用的，照搬例子的代码，发现老是提示对象不存在，查阅资料后发现是没有加载插件，这里和大家分享下Ext.grid.RowExpander插件的使用，
- 无法在要求对象展开的函数中使用 __try
- el表达式初步、获取Map中的值、el内置对象、运算符、使用EL替换所有jsp表达式
- 使用vuex的state状态对象的5种方式
- NumPy中的乘法运算符 * 指示按元素计算，矩阵乘法可以使用 dot 函数或创建矩阵对象实现
- error C2712: 无法在要求对象展开的函数中使用 __try
- 无法在要求对象展开的函数中使用 __try
- 在Mxml的对象属性中使用&&"和"运算符
- php 使用 ... 运算符进行参数展开
- C++基础（六）在对象中使用运算符——运算符重载
- error C2712: 无法在要求对象展开的函数中使用 __try
- 编译错误：无法在要求对象展开的函数中使用 __try
- ES6展开运算符（扩展运算符）的使用技巧
- vuex的辅助函数mapState前面的那三个点--对象展开运算符