当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vuex中使用对象展开运算符的示例

vuex中使用对象展开运算符的示例

2017年12月12日  | 移动技术网IT编程  | 我要评论

越狱第三季高清,怀特之腿有什么用,法老王的宠姬

使用场景

当需要进行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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网