vuex中使用对象展开运算符
使用场景
当需要进行vuex进行数据状态管理的时候,会使用到mapGetters,mapState,还有自身的计算属性的时候,这个时候就会用到这个了!
1.首先需要安装
1 | npm install babel-plugin-transform-object-rest-spread -D |
2.需要在.babelrc文件中新增以下
1 2 3 4 5 6 | { "presets" : [ [ "env" , { "modules" : false }] ], "plugins" : [ "transform-object-rest-spread" ] //增加这一行 } |
3.在vue组件中使用
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <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> |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步