javascript - 我可以将 Vue 输出保存为 Javascript 数组吗？

Question

下面我的 Vue 代码在页面加载时从数据库加载数据。我知道如何使用简单的 Vue 方法在 HTML 文件中显示它。但是，我想将它保存为 Javascript 数组。然后将 Javascript 数组输入 map ( map 需要 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);
      });
    },
  },

});