父组件传值给子组件

app.vue

<template>

  <div id="main">

    <router-view

        :test_value="this.test_value"

        ></router-view>

  </div>

</template>

 

 export default {
    name: 'App',
    components: {test},
    // props: ['test_value'],
    data() {
      return {
        test_value: '1234567',
      }
    },
}

子组件 test.vue

<template>
    <div>{{test_value}}</div>
</template>>

<script>

export default {
    props: ['getData', 'test_value'],
    name: 'test',


}
</script>