如何将“导出默认值”中的数据传递到导出默认值 Vue.js 之外

Question

I got my API data store in carcount for sure, but I can't use that carcount in const outside the export default, any suggestion please?

export default {
  data() {
    return {
      carcount: [],
    };
  },
  Create() {
    axios
      .get("http://www.mustavi.com/TotalVehicles/?param1=2020-09-04")
      .then((res) => {
        this.carcount = res.data.data.carCount;
      });
  },
};

const totalcar = this.carcount

I do it this way be cause I have to export the whole const as below

const locationData = [
  {
    value: totalcar,
    name: 'Car'
  }
];

export {
  locationData,
};

Answer 1

Vue components are not designed for this. If you need to pass data to another component use events or vuex for state management.

export default {
  Create() {
    axios
      .get("http://www.mustavi.com/TotalVehicles/?param1=2020-09-04")
      .then((res) => {
        this.$emit('carcount', {
          value: res.data.data.carCount,
          name: 'Car'
        });
      });
  },
};