你究竟如何使用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指向第一个胖箭头。如果我尝试使用扩展运算符：

...mapState({

编译错误发生在...

Answer 1

这是一个object property spread。目前几乎没有任何东西支持它，es2015 babel预设不包含它。

1. 使用npm i -D babel-plugin-transform-object-rest-spread

安装

2. 将其添加到.babelrc。它应该看起来像这样： { "presets": ["es2015"], "plugins": ["transform-object-rest-spread"] }

Answer 2

好像你没有安装babel。 Babel是JavaScript的转换器，它将ES6转换为今天在我们的浏览器中运行的代码。

您在Browserify的设置中需要babelify。你可以通过任何tutorial了解如何使用browerify设置babel，有许多可用。