Vue.js語法錯誤（SCRIPT1003）IE11及更低版本

Question

當我在IE11或更低版本中嘗試我的vue.js應用程序時，我得到錯誤SCRIPT1003例外：在控制台中指向routeContent。 我的Snytax看起來像這樣：

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

Answer 1

您嘗試在routeContent的定義中使用對象方法速記 - Internet Explorer或Safari不支持此功能 。

你有兩個選擇就是開始使用像Babel這樣的轉換器將現代JS語法轉換成舊瀏覽器可以理解的形式 - 或者，如果這太麻煩了，你可以切換回使用好的老式函數句法：

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

Answer 2

這是另一個類似的問題： 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
    }
}