Vuejs n'est pas actualisé d'autres composants

Il y a quelques choses qui devaient être corrigées pour que votre code fonctionne correctement. Premièrement, sur le composant parent, vous pouvez supprimer le V-modèle = "Catégorie" code> et modifier le @ Modifier = "SetCategory (catégorie)" code> sur @ modification = "SetCategory" code>

Votre SELECT sera: Code > p>

et dans la méthode utilise l'attribut de valeur cible d'événement pour obtenir la valeur sélectionnée, de cette façon VUE détectera les modifications et mettra à jour les accessoires de l'enfant: p>

<template>
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card card-default">
                <div class="card-header">Example Component</div>
                <div class="card-body" v-if="axiosReponseData">

                    I'm an example component.
                    {{axiosReponseData.id}}
                </div>
            </div>
            </div>
        </div>
    </div>
</template>
<script>
import axios from 'axios';
    export default {
        props: ['categoryId'],
        data () {
            return {
                axiosReponseData: null
            }
        },
        mounted() {
            this.performRequest();
        },
        methods:
        {
            performRequest() {
                if (this.categoryId){
                    axios.post('/tags', { category_id: this.categoryId })
                    .then((response) => {
                        this.axiosReponseData = response.data;
                    })
                    .catch((err) => {

                    })
                }
                else {
                    this.axiosReponseData = null;
                } 
            }
        },
        watch: {
            categoryId: function () {
                this.performRequest();
            }
        }

    }
</script>