使用vuex报错

Question

求大神帮我看看，这是什么问题，用的架构是vue-cli搭的，代码在下面?

<script>
import { mapGetters,mapActions } from './store/index.js'
export default {
  data () {
    return {
      show:'home'
    }
  },
  methods: {
    mapActions([
      'increment',
      'decrement'
      ]),
  },
}
</script>

Answer 1

展开符是一个毛病，但是这个辅助函数不该是从vuex中import的嘛？?
所以引入应该是下面这样吧？
import { mapGetters, mapActions } from 'vuex'

Answer 2

...mapActions(['increment', 'decrement'])

Answer 3

看文档，漏了对象展开符...

methods: {
    ...mapActions([
      'increment' // 映射 this.increment() 为 this.$store.dispatch('increment')
    ]),
    ...mapActions({
      add: 'increment' // 映射 this.add() 为 this.$store.dispatch('increment')
    })
  }

Answer 4

你那包含大括号了， 用扩展运算符 ...， 你那样用的话也可以。 把methods 的大括号去掉

Answer 5

methods 类型: { [key: string]: Function }。也就是说里面全是函数方法

举例：

methods: {
    haha () { //es6函数写法
        console.log(1)
    },
    haha2: function () { //你也可以这样写
        console.log(2)
    }
}

Answer 6

多熟悉下api，中文的呀。 https://cn.vuejs.org/v2/api/#...