javascript - ...mapGetters報錯

Question

     import { mapGetters,mapActions } from 'vuex'
    export default {
        data (){
            let change = 'hot';
            return {change}
        },
        computed:{
            ...mapGetters({
                topic:'getTopics',
                show:'getShow_2'
            })
        },
        methods:{
            ...mapActions([
                'sortContent'
                ])
        }
    }

以上程式碼報錯如下，請問怎麼解決？

Syntax Error: Unexpected token (38:2)

  36 |  },
  37 |  computed:{
> 38 |          ...mapGetters({
     |          ^
  39 |                  topic:'getTopics',
  40 |                  show:'getShow_2'
  41 |          })

Answer 1

應該是沒有安裝ES6編譯工具，npm install一下試試看

Answer 2

這三個點叫Spread operator，是 ES6 的語法，如果你的運行環境不支持，就會出錯。

一般要正確配置 Babel 來轉換。