Не работаю эффекты для элементов полученных из API?

Создал api на nodeJS получающее данные из таблицы в mysql, суть проблемы в том что когда я вывожу данные из пропсов этого элемента то всё работает, но не применяется masonry эффект и эффекты при кликах. Код родительского компонента в котором происходит получение данных из api:

<template>
   <Post
      v-bind:items="items"
   />
</template>
<script>
import Post from '@/components/modules/Post'
import axios from 'axios'
export default {
   components:{
      Post
   },
   data: () => {
      return{
         items: [],
      }
   },
   mounted() {
      axios.get('http://127.0.0.1:5000/api/posts', {
         headers: {'Content-Type': 'application/json',}
      }).then(response => (this.items = response['data'], this.items.hover = false))
   },
}
</script>