mapStateの正確な使い方は？

Question

私は次のようにVuexでmapStateを使用しようとしている：

mapState({ 
     locations: state => state.locations, 
     types: state => state.models.types, 
     models: state => state.models.models, 
     vendors: state => state.models.vendors, 
     statuses: state => state.statuses, 
    }) 

私は「予期しないトークン」Browserifyが最初に脂肪の矢印で指していると、コンパイルエラー取得します。私がしようと拡散演算子を使用する場合：...

Answer 1

これはobject property spreadです。現時点ではネイティブにサポートするものはほとんどありません.es2015のbabelプリセットにはこれが含まれていません。

1. あなた.babelrcにそれを追加npm i -D babel-plugin-transform-object-rest-spread

2. でそれをインストールしてください。それはこのようなものになります。 ` "devDependencies"：{ "バベル・コア"：私は { "presets": ["es2015"], "plugins": ["transform-object-rest-spread"] }

Answer 2

で

...mapState({ 

コンパイルエラーが発生したがあなたがbabelをインストールしてはいけないようです。 Babelは、ES6を今日のブラウザで動作するコードに変換するJavaScript用のトランスパイライザです。

Browserifyの設定でbabelifyが必要になります。ブラウザーでセットアップする方法については、tutorialを参照してください。多くのものがあります。