vue.js - 你究竟是如何使用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

那是一个对象属性传播。目前几乎没有任何东西原生支持它，并且 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。你可以浏览任何关于如何使用 browerify 设置 babel 的教程，有很多可用的。