methods传值到data

<template>
  <div id="main">
    <router-view 
        :test_value="this.test_value"
        :transfer="transfer"
        :get_value="this.get_value"
        ></router-view>
  </div>
</template>

<script>

  export default {
    name: 'App',
    data() {
      return {
        test_value: '12345679',
        get_value: 'test'
      }
    },
    methods: {
      getData(){
        axios.get("api/test/").then(
          response => {
            console.log("request test api data:", response.data)
            this.get_value=response.data
            // return response.data
          },
          error => {
            console.log("数据请求错误", error.message)
          }
        )
      },
      transfer() {
        this.getData();
      },

<template>
    <div>{{test_value}} -- {{get_value}}
        <button @click="transfer">xxxx</button>
        <p>{{ get_value }}</p>
    </div>
    

</template>>


<script>

export default {
    props: ['test_value', 'transfer', 'get_value'],
    name: 'test',
    data() {
        return {
            // get_value: ''
        }
    },

}
</script>