Есть ли способ получить и проверить два или более локальных файла JSON, используя Vue и Axios

Question

Я использую vue для создания прототипа некоторых html-компонентов.Есть ли способ получить Vue для распознавания двух файлов JSON?

vue.js

var vm = new Vue({
  el: '#douglas-laing',
   data: {
    products: [],
    contentPanels: []
},

created() {
axios
  .get( `products.json`, `contentPanel.json`)
  .then(response => {
    // JSON responses are automatically parsed.
    this.products = response.data;
    this.contentPanels = response.data;
  })
},

computed: {


}, // end computed

  methods: { }

});

в html

<template v-for="contentPanel in contentPanels">
    {{ contentPanel.description }}
</template>

в файле json

  [
      {
        "description": "this is a content panel test",
      }
  ]

Answer 1

получил

create () {axios .get (products.json) .then (response => {// Ответы JSON автоматически анализируются. This.products = response.data;}) axios.get (contentPanel.json) .then (response => {// Ответы JSON автоматически анализируются. this.contentPanels = response.data;})},

Answer 2

Вы можете сделать это с помощью axios.all (), например:

methods: {
    getProducts() {
        return axios.get('/products.json');
    },
    getContentPanel() {
        return axios.get('/contentPanel.json');
    }
},
created(){
    axios.all([this.getProducts(), this.getContentPanel()])
    .then(axios.spread(function (products, contentPanel) {
        // Do something with the values
    }));
}