vue使用vuex时展开运算符出错解决方案
2017-11-22 18:45
381 查看
当需要进行vuex进行数据状态管理的时候，会使用到mapGetters,mapState,还有自身的计算属性的时候，这个时候就会用到这个了！
安装依赖
npm install babel-plugin-transform-object-rest-spread -D
修改.babelrc文件
{
"presets": [
["env", { "modules": false }]
],
"plugins": ["transform-object-rest-spread"] //增加这一行
}使用
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- vuex中使用对象展开运算符
- vue在使用vuex时遇到...mapGetter不能使用解决方案
- vuex中使用对象展开运算符的示例
- 使用sun.misc.BASE64Decoder出错解决方案
- Windows 7 使用 VS.NET 2003 时遇到“LNK1201: 写入程序数据库时出错”的解决方案 修正版
- [Vue.js启航]——使用Vuex进行状态管理
- 在UpdatePanel中使用Menu出错的解决方案
- vue之mapMutaions的使用 && vuex中 action 用法示例 && api.js的使用
- Vue 中使用v-for语句抛出错误的解决方案
- Visual Studio 2013新建ASP.NET项目使用Empty模板，在页面中使用验证控件出错的解决方案
- vue 在使用v-html绑定的时候，里面的元素不会继承外部的css，解决方案
- windows server 2003 出错提示"请求的资源在使用中"解决方案
- 使用vuex缓存数据并优化自己的vuex-cache
- vuex在vue-cli和webpack构建的项目中的简单使用
- 使用母板页后javascript getelementbyid出错的解决方案
- Ajax中使用Response.Write输出javascript脚本出错的解决方案
- 10分钟，快速使用VUE-VUEX
- VS2010 winform使用控件皮肤出错的解决方案
- matlab安装使用出错解决方案集锦
- 在vue-cli项目中使用微信sdk的解决方案