Vue.js 来自Ajax请求Vue2的初始化数据

在控制台中，显示testData是空数组。这意味着在success ajax请求函数中，“patens”值尚未更新。 有谁能告诉我如何将数据响应分配给“patens”值吗？

您可以仔细阅读

当您将普通JavaScript对象作为其数据选项传递给Vue实例时，Vue将遍历其所有属性，并使用object.defineProperty将它们转换为getter/setter。这是一项仅限ES5且不可填充的功能，因此Vue不支持IE8及以下版本

getter/setter对用户是不可见的，但在后台，它们使Vue能够在访问或修改属性时执行依赖项跟踪和更改通知。一个警告是，当记录转换的数据对象时，浏览器控制台对getter/setter的格式不同，因此您可能希望安装vue devtools以获得更友好的界面

VueJS执行类似“代理”的操作的反应式数据，因此您无法将其分配给对象中的值

Vue.component('config_input', {

template: '#config-input-template',

data() {
    paterns: []
},

computed: {
    testData() {
        return this.paterns;
    }
},

mounted() {
    var self = this;
    axios.get('/listPatern').then(function (response) {
        self.paterns = response.data;
    }
},

});

而

数据

应该是

对象

// Wrong
self.paterns = response.data;

// Right
self.someObject = Object.assign({}, self.someObject, response.data)

你可以仔细阅读

当您将普通JavaScript对象作为其数据选项传递给Vue实例时，Vue将遍历其所有属性，并使用object.defineProperty将它们转换为getter/setter。这是一项仅限ES5且不可填充的功能，因此Vue不支持IE8及以下版本

getter/setter对用户是不可见的，但在后台，它们使Vue能够在访问或修改属性时执行依赖项跟踪和更改通知。一个警告是，当记录转换的数据对象时，浏览器控制台对getter/setter的格式不同，因此您可能希望安装vue devtools以获得更友好的界面

VueJS执行类似“代理”的操作的反应式数据，因此您无法将其分配给对象中的值

Vue.component('config_input', {

template: '#config-input-template',

data() {
    paterns: []
},

computed: {
    testData() {
        return this.paterns;
    }
},

mounted() {
    var self = this;
    axios.get('/listPatern').then(function (response) {
        self.paterns = response.data;
    }
},

});

而

数据

应该是

对象

// Wrong
self.paterns = response.data;

// Right
self.someObject = Object.assign({}, self.someObject, response.data)

---

我曾尝试在vue中使用axios for ajax

不幸的是，我浪费了3个小时，因为不管我尝试了什么代码，数据根本没有被初始化

我求助于，我的代码第一次就开始工作了

包括vue资源库并更改装载方法，如下所示：

data: {
    patterns: []
}

---

我曾尝试在vue中使用axios for ajax

不幸的是，我浪费了3个小时，因为不管我尝试了什么代码，数据根本没有被初始化

我求助于，我的代码第一次就开始工作了

包括vue资源库并更改装载方法，如下所示：

data: {
    patterns: []
}

---

仍然有一个空数组。仍然有一个空数组。