Vue.jsで親コンポーネントからpropsで子コンポーネントにデータを送りたいです。

Vue.jsでコンポーネント間のデータの送受信に苦戦しております。
Vue経験が浅く記述に不自然な部分があるかと思いますが、ご教授ください。

実装中の機能としては以下になります。
<親コンポーネント側>
・APIからテキストデータを取得
・子コンポーネント側に上記テキストデータを送る
<子コンポーネント側>
・propsで親コンポーネントからテキストデータを取得する

親コンポーネント側ではapiの結果をVueコンソール上で取得が確認できておりますがDisplay.vue側のpropsプロパティのtextLinesがundifineになっております。

本来親＝parent、子＝childなどと記述した方が分かりやすいかと思いますが、自分の命名規則などが原因ないと確信がないため、実際のファイル名を記述しております。
よろしくお願いします。

SelectBox.vue

<display v-bind:textLines="textLines"></display>

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

export default {
  components: { 
    display:Display
  },
  data () {
    return {
      textLines:'',
    }
  },
methods: {
  get_texts: function () {
      axios.get('https://api-url/',}).then(response => {
        this.textLists = response.data
      })
    }
  }
}
</script>

Display.vue

<template>
    <div class="wrapper">
        <p>{{ textLines }}</p>
    </div>
</template>

<script>
export default {
    props: 'textLines',
}
</script>