【Vue.js】親の値が変わったら子の値も更新したい

Question

Propsで子コンポーネントに値を渡しているのですが、API通信で取得したデータを渡してあげたいです。
しかし、初期値で子コンポーネントが描写されてしまっているので、途中で親の値が変わっても子コンポーネントの値は変わらないです。
この問題点をどう解決するべきか教えていただきたいです。

videoURLが該当する部分です。

<template lang="pug">
    .receipt-top
        //- Notification( :name="name" :videoUrl="videoUrl")
        Video( :videoUrl="videoUrl" :videoType="this.$route.query.Type")
</template>

<script lang="ts">
import Vue from "vue";
import RoundRectButton from "@/components/RoundRectButton.vue";
import Notification from "./components/Notification.vue";
import Video from "./components/Video.vue";
import VideoEntity from "@/entities/video";
import Talent from "@/entities/talent";

export type DataType = {
    videoUrl: string;
    name: string;
    type: string | any;
};
export default Vue.extend({
    components: {
        RoundRectButton,
        Notification,
        Video,
    },
    data(): DataType {
        return {
            videoUrl: "",
            name: "",
            type: this.$route.query.Type,
        };
    },
    created() {
        this.createVideoUrl();
        this.getTalent();
    },
    methods: {
        async createVideoUrl() {
            const talId: any = this.$route.query.TalentID;
            const reqId: any = this.$route.query.RequestID;
            const type: any = this.$route.query.Type;
            const video: VideoEntity = {
                talentID: talId,
                requestID: reqId,
                type: type,
            };
            try {
                this.videoUrl = await this.$repositories.VideoRepository.createVideoUrl(video);
            } catch {
                this.$router.replace("/");
            }
        },
        async getTalent() {
            const id: any = this.$route.query.talentID;
            const talent: Talent = await this.$repositories.TalentRepository.getTalentByID(id);
            this.name = talent.talentName;
        },
    },
});
</script>

Answer 1

こういうケースはvuexを使うべきです。
vuex

慣れてしまえば、もの凄く便利なツールです。
親でAPI通信をして、データを取得し、他のコンポーネントでその情報の値を参照すればよいのです。
最初は、PropやらEmitを使っていましたが、今はほとんどVuexを使用しています。