在已挂载函数中的Ajax调用后，VueJS未设置属性

Question

我正在尝试VueJS，我有以下代码：

require('./bootstrap');

window.Vue = require('vue');

window.app = new Vue({
el: '#app',
data: {
    test: { }
},
methods: {
    getAttributes: function(){

        var pseudoThis = this;

        $.get('/api/getSpecifications').done(function(resp){
            pseudoThis.test = resp;
            console.log(resp);
        });

    }
},
mounted: function(){
    this.getAttributes();
}
});

ajax调用被执行，并且我得到json结果。但是，无论我如何尝试，属性测试始终保持{}。

有人能对此有所启发吗？

编辑：

进行了更多测试，并用我当前代码的副本制作了小提琴： https://jsfiddle.net/cfhLg35v/2/

在小提琴中，一切都按预期进行，因此这似乎是一个本地问题。有人有主意吗？

Answer 1

尝试一下：

getAttributes () {
        $.get('/api/getSpecifications').done((resp) => {
            this.test = resp;
            console.log(resp);
        });

    }