Laravel + Vuex：オブジェクト/引数の非構造化が機能しない

Question

Vuexを使用してVueアプリケーションを構築していますが、次のコードを取得することができません（簡略化のため編集：this blog post）。

// File: views/Board.vue 

export default { 
    methods: { 
     updateProp (prop, value) { 
      console.log(prop, value) // Outputs prop and value 

      this.$store.commit('board/updateProp', { 
       [prop]: value 
      }) 
     } 
    }, 

    // ... 
} 

そして、私の（名前付き）Vuexモジュール内：

// File: vuex/modules/board.js 

export default { 
    mutations: { 
     updateProp (state, { prop, value }) { 
      console.log(prop, value) // Outputs 'undefined undefined' 
     } 
    }, 

    // ... 
} 

import { something } from 'somewhere'が正常に動作しますので、私はの作品オブジェクトな破壊を信じるように傾いています。私のコードがなぜそうでないのか分かりません。

さらに、.babelrcファイルを作成し、それぞれのプラグインとプリセットをインストールしましたが、役に立たなくなりました。

{ 
    "plugins": [ 
     "transform-es2015-destructuring", 
     "transform-object-rest-spread" 
    ], 
    "presets": [ 
     ["es2015", { "modules": false }] 
    ] 
} 

大変助けになりました。

Answer 1

これはおそらく答えではありませんが、コメントに合わせるのは難しいでしょう。 propとvalueの両方がundefinedである理由はわかりませんが、それは破壊の仕組み（オブジェクトのキーと値をアンパックしません）ではありません。それは私のコードは、のために働くように見えた（機能しない理由への答えではないかもしれない

this.$store.commit('board/updateProp', { prop, value })