如何在Vuejs中用axios传递props参数？

<template>
  <div>
    <child-component :propData="propData"></child-component>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      propData: 'Hello from parent component'
    };
  }
};
</script>

<template>
  <div>
    <p>{{ propData }}</p>
  </div>
</template>

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

<template>
  <div>
    <p>{{ propData }}</p>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  props: ['propData'],
  created() {
    axios.get('https://api.example.com/data', {
      params: {
        propData: this.propData
      }
    })
    .then(response => {
      console.log(response.data);
    })
    .catch(error => {
      console.error(error);
    });
  }
};
</script>