Vue.js 구문 오류(SCRIPT1003) IE11 이하

Vue.js 구문 오류(SCRIPT1003) IE11 이하

IE11 이하에서 vue.js 앱을 시도하면 routeContent를 가리키는 콘솔에서 Error SCRIPT1003 excepted: 가 표시됩니다.Snytax는 다음과 같습니다.

var store = new Vuex.Store({
    state: {
        routeContent: null
    },
    mutations: {
        routeContent(state, payload) {
            state.routeContent = payload
            document.title = payload.title
        }
    }
})

오브젝트 메서드 약어를 사용하여 다음을 정의하려고 합니다.routeContentInternet Explorer 또는 Safari에서는 지원되지 않습니다.

Babel과 같은 트랜스필러를 사용하여 최신 JS 구문을 오래된 브라우저가 이해할 수 있는 형태로 변환하거나, 번거로우시다면 구식 함수 구문을 사용하는 것으로 다시 전환할 수 있습니다.

var store = new Vuex.Store({
    state: {
        routeContent: null
    },
    mutations: {
        routeContent: function (state, payload) {
            state.routeContent = payload
            document.title = payload.title
        }
    }
})

여기 또 다른 유사한 질문이 있습니다.javascript Ajax SCRIPT1003: IE 11의 예상 ':'

다음과 같이 해야 할 것 같습니다.

mutations: {
    routeContent: function(state, payload) {  // making it obvious that this is a function
        state.routeContent = payload;
        document.title = payload.title;  // and also the semicolons
    }
}

언급URL : https://stackoverflow.com/questions/40281270/vue-js-syntax-error-script1003-ie11-and-lower