我可以将 Vue 输出保存为 Javascript 数组吗?

Question

下面的 Vue 代码在页面加载时从数据库加载数据。我知道如何使用简单的 Vue 方法在 HTML 文件中显示它。但是，我想将其保存为Javascript数组。然后，Javascript数组将被馈送到一个映射中(该映射需要一个Javascript数组(。我可以这样做吗，如果是，如何这样做？

var app = new Vue({
el: '#purchase',
mounted: function() {
this.allPurchases()
},
data: {
purchases: ""
},
methods: {
allPurchases: function(){
axios.get('http://localhost:3000/')
.then(function (response) {
console.log(response);
app.purchases = response.data;
})
.catch(function (error) {
console.log(error);
});
},
},
});

Answer 1

您应该将app.purchases替换为this.purchases：

var app = new Vue({
el: '#purchase',
mounted: function() {
this.allPurchases()
},
data() {
return{
purchases: []
}
},
methods: {
allPurchases: function(){
axios.get('http://localhost:3000/')
.then( (response) =>{
console.log(response);
this.purchases = response.data;
window.purchases = response.data;//to be used globally
})
.catch(function (error) {
console.log(error);
});
},
},
});

Answer 2

只需将app.purchases =更改为this.purchases =