Как отобразить данные на блейде от Vue Js?

Question

Я получил некоторый код для тестирования, я пытался исправить ошибку "элемент не определен", но я застрял.

//Blade View
<v-app id="app" v-cloak><div class="card" :posts="{{$posts}}"></div></v-app>

//Vuejs template
<table striped hover :items="imageList"> <img :scr="'/storage/image/'+data.items.image"></table>

Vue Js:

<script>
export default {
  //  name: "ExampleComponent",
     props: \['posts'\],
    data() {
        return {
            imageList: \[\]
        };
    },
    mounted() {
        const fetch = this.fetch_image_list();
    },
    methods: {
        fetch_image_list() {
            let items = \[\];
            if (Array.isArray(this.posts.data) && this.posts.length.data) {
                this.posts.data.forEach((post, key) => {
                    let currentImage = {
                        id: post.id,
                        name: post.name,
                        image: post.img
                    };
                    items.push(currentImage);
                });
                this.imageList = items;
            }
        }
    }
};
</script>]

пункт не определен

Answer 1

Не потому ли, что вы "звоните": data.items.image вместо items[index].image?