Vuejs получение данных от местного json

Question

Я получил некоторые данные json в локальном файле, это файл .txt, и данные не доступны напрямую, поэтому я просто изменил формат файла на. json, и после этого я попытался получить чистые данные в l oop с кодом ниже.

Я получаю данные с помощью вычислений в этом компоненте, но я хочу установить эти чистые данные как опору для дочернего компонента.

Я хочу создать много дочерних компонентов с чистыми данными.

Большое спасибо заранее!

Код:

<script>
 export default {
  name: 'Dashboard',
  components : {
    'my-table': mytable,
    'my-search': search,
  },

  data: function() {
    return {
      casesDataList: [],

    };
  },

  computed:{
    ClearList: function(){
     var casesDataList = this.casesDataList.map(function (neo){
        return {ID: neo.Attributes[1].Value, Date: neo.FormattedValues[0].Value, Owner: neo.FormattedValues[1].Value};
      });
        return casesDataList;
    }
  },

  created: function(){
    this.getCasesData();
  },
  methods: {
    getCasesData() {
      fetch("Weather.json")
      .then(response => response.json())
      .then(data => (this.casesDataList = data.Entities));


    },
  }

};
</script>

Answer 1

Вы можете передать вычисленную как опору ребенку напрямую:

<child :propname="ClearList"></child>

У ребенка:

export default {
    props: ['propname'],
    // ...
}