javascript - Vue.js 语法错误 (SCRIPT1003) IE11 及更低版本

Question

当我在 IE11 或更低版本中尝试我的 vue.js 应用程序时，我得到 Error SCRIPT1003 excepted : 在指向 routeContent 的控制台中。我的 Snytax 看起来像这样：

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

Answer 1

您正在尝试在定义中使用object 方法简写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: Expected ':' in 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
    }
}