estoy usando vue 2 y la biblioteca AOS. Estoy tratando de reiniciar la animación para un div determinado con un clic de botón. gracias por tus respuestas

 <template> <div> <div class="all-items"> <div class="item" data-aos="fade-up">1</div> <div class="item" data-aos="fade-down">2</div> <div class="item" data-aos="fade-right">3</div> <div class="item" data-aos="fade-left">4</div> </div> <button type="submit" @click="refrashAnimation"> refrash animation for all-items </button> </div> </template> <script> import AOS from 'aos' import 'aos/dist/aos.css' export default { created () { AOS.init() }, methods:{ refrashAnimation(){ AOS.refrash()//for only elements under all-items class } } } </script>