vuejs：如何在方法中将数据传递给子组件

Question

我试图在组件销毁之前将animation.css动画应用于组件。为此，我必须使用imageDisplayBody类获取所有div并添加某些类。但是，我不知道跟踪多少个组件的方法。组件被销毁，当我尝试访问类时，我需要访问正确的组件。我曾考虑过使用@hook：beforeDestroy在父组件级别捕获beforeDestroy，但是我不知道如何将计数器数据传递给子组件紧接在

之后

<template >
    <div >
        <div class="imageDisplayBody">

            <router-link :to="{ name: 'photoDescription',params:{pic} }">
                <h4>{{pic.title}}</h4>
                <img :src="pic.url" alt="">

            </router-link>

        </div>
    </div>

</template>
<script>
export default {
    name:'imageDisplay',
    components :{

    },
    props :['pic','load','compteur'],
    methods:{

    }
    ,
    beforeDestroy(){

        var contenu=document.getElementsByClassName("imageDisplayBody") 
        [this.compteur-1];
        contenu.classList.remove("animated");
        contenu.classList.remove("bounceInRight");
        contenu.classList.remove("animated");
        contenu.classList.remove("bounceOutLeft");


    }
}
</script>
<style scoped>
    img{
        width: 100%;
        height: 100%;
    }
    h4{
        height: 50px;
    }

</style>