mapState는 정확히 어떻게 사용합니까?

mapState는 정확히 어떻게 사용합니까?

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({

에서 컴파일 에러가 발생....

그것은 객체 특성 확산입니다.현재 네이티브로 지원하는 것은 거의 없으며, es2015 babel 프리셋에는 포함되어 있지 않습니다.

1. 와 함께 설치 방법npm i -D babel-plugin-transform-object-rest-spread

2. .babelrc에 추가합니다.다음과 같이 표시됩니다. { "presets": ["es2015"], "plugins": ["transform-object-rest-spread"] }

바벨이 설치되어 있지 않은 것 같습니다.Babel은 JavaScript용 트랜스필러로 ES6를 현재 브라우저에서 실행되는 코드로 변환합니다.

Browserify 설정에 babelify가 필요합니다.Browerify를 사용하여 babel을 설정하는 방법에 대한 튜토리얼을 수행할 수 있습니다. 많은 튜토리얼을 사용할 수 있습니다.

언급URL : https://stackoverflow.com/questions/41182200/how-exactly-do-you-use-mapstate