vue怎么获取数据

<template>
  <child-component :data="someData" />
</template>

<script>
export default {
  props: ['data']
};
</script>

<template>
  <div>{{ someData }}</div>
</template>

<script>
export default {
  data() {
    return {
      someData: 'Initial value'
    };
  }
};
</script>

<template>
  <div>{{ formattedData }}</div>
</template>

<script>
export default {
  computed: {
    formattedData() {
      return this.someData.toUpperCase();
    }
  }
};
</script>

<template>
  <button @click="getData">Get Data</button>
</template>

<script>
export default {
  methods: {
    getData() {
      // Fetch data from an API or other source
    }
  }
};
</script>

<template>
  <div>{{ data }}</div>
</template>

<script>
import axios from 'axios';

export default {
  created() {
    axios.get('/api/data')
      .then(response => {
        this.data = response.data;
      });
  }
};
</script>