Vue 错误：在严格模式代码中，函数只能在顶层或块内声明

Question

我正在运行带有文本框和提交按钮的Vue脚本，我正在调用 api 将我在文本框中写入的内容发布到 api 并从 API 返回信息，我在尽管我已经在 vue 中编写了 Javascript 函数，但它应该是什么？

使用脚本，我首先设置一个新的 XMLHttpRequest，为 GET 和 POST 方法启动标头和 api 密钥。 然后我创建了 2 个函数来从文本框中获取数据并将它们发送到 API，然后用另一个函数制作另一个按钮来发回数据。

我采用这种方法是因为我一直遇到 CORS 问题，并且 API 需要我声明一个访问控制源头，我在这段代码中做错了什么吗？ 任何帮助将不胜感激

<script>
export default {
    name: 'ProperForm'
}
    methods: {
        StartClient: function () {
            this.get = function(Url, Callback){
            var aHttpRequest = new XMLHttpRequest();
            aHttpRequest.onreadystatechange = function() {
                if (aHttpRequest.readyState == 4 && aHttpRequest.status == 200)
                Callback(aHttpRequest.responseText);
            }

            aHttpRequest.open("GET", Url, true);
            aHttpRequest.setRequestHeader("X-Api-Key", "eVnbxBPfn01kuoJIdfgi46TiYNv8AIip1r3WbjsX");
            aHttpRequest.send(null);
        }
        this.post = function(Url, message, Callback) {
            var aHttpRequest = new XMLHttpRequest();
            aHttpRequest.onreadystatechange = function() {
                if (aHttpRequest.readyState == 4 && aHttpRequest.status == 200)
                Callback(aHttpRequest.responseText);
            }

            aHttpRequest.open("POST", Url, true);
            aHttpRequest.setRequestHeader("x-api-key", "eVnbxBPfn01kuoJIdfgi46TiYNv8AIip1r3WbjsX");
            aHttpRequest.send(message);
            }
        }
    var client = new StartClient();

    submitData: function () {
        document.getElementById('inputBox').disabled = true;
        var targetInputButton = document.getElementById("inputBox").value;
        var message = '{"targetInputButton":"' + targetInputButton + '"}';
        client.post('https://le75bkfcmg.execute-api.eu-west-2.amazonaws.com/dev/start-trace', message, function(response) {
        document.getElementById('jobId').innerHTML = response;
    });
    }

    sendBackData: function () {
        var jobId = document.getElementById("jobId").innerHTML;
        var message = '{"jobId":"' + jobId + '"}';
        client.post('https://le75bkfcmg.execute-api.eu-west-2.amazonaws.com/dev/check-trace', message, function(response) {
        document.getElementById('report').innerHTML = response;
    });
    }
}

</script>

我写 var client 的新方法：

StartClient: function () {
    var client 
},

Answer 1

您需要将您的方法对象放在导出中并将方法拆分为逗号

<script>
export default {
    name: 'name',
    methods:{
        foo(){
        },
        bar(){
        }
    }
}

UPD： var client = new StartClient(); 在方法之外定义