(vue.js)親コンポーネントから子コンポーネントにデータが渡らない

Question

*見やすくするために要点以外は省略したコードとなっております

editという親コンポーネントとseaechという子コンポーネントがあります。
ここでeditからsaved_categoriesという配列が入った値をsearchに渡したいのですが、記述の仕方が違うのかうまく渡りません。以下がコードです(saved_categories: []は空ではなく何かしら配列で値が入っているとします)

//edit.vue(親)
<template>
  <v-app id="edit">
       <Search :saved_categories="saved_categories"></Search>
       <v-btn>ボタン</v-btn>
  </v-app>
</template>

<script>
import Search from '../parts/search'
export default {
  name: "edit",
  data: function() {        
    return{
        saved_categories: []
    }
  },
  components: {　
      Search
    }
}
</script>

//search.vue(子)
<template>
    <v-app>
        <div class="selected_name" :key="category" v-for="category in selceted.categories">
             <label>{{category.name}}</label>
        </div>
  </v-app>
</template>
<script>
export default {
    data: function(){
        return{
            selceted:{
                categories:[]
            }
        }
    },
    props: [
        saved_categories
    ],
    mounted(){
        this.selected.categories = saved_categories
    }
}
</script>

子のpropsでsaved_categoriesを定義し、渡ってきたコンポーネントはmounted()内で子でデータ属性として定義した、selected.categoriesに代入し、子コンポーネントに表示したいのですが、
Uncaught ReferenceError: saved_categories is not defined
とsaved_categories定義されていないとエラーが出てしまいます。
何故saved_categoriesが定義されていないとエラーが出てしまうのでしょうか？
mountedというライフサイクルの問題なのか、そのほか見様見真似で書いたので記述の仕方が間違ってるのか分からずじまいです。
お手数をおかけしますがご回答いただけると幸いです。

Answer 1

propsで受け取ったものはthisが必要だったと思います

this.selected.categories = this.saved_categories

でどうでしょうか？

Comments

[q_sane_q]

あと質問とは別の話なのですが（省略されてる部分にそうなっている理由があるのかもしれませんが）
propsで受け取ったものを子コンポーネントのdataに入れ直していますが
そのまま使用した方が早いのではないでしょうか？