Vue警告，无法生成渲染功能

Question

当控制台记录从刀片传递到vue的数组时，我得到了this error。

在index.blade我有这个

<books :books="{{ $books }}"></books>

我的Books.vue是

<template>
    <!-- <tbody class="tbody">
        <book-row v-for="book in books" :key="book.id"></book-row>
    </tbody> -->
</template>

<script>
import BookRow from './BookRow.vue';

export default {
    props: ['books'],
    components: {BookRow},
    data() {
        return {

        }
    },
    mounted() {
        console.log(this.books);
    },
}

问题是什么？我将不胜感激任何帮助。

Answer 1

在你的刀片文件中删除: <books books="{{ $books }}"></books>

但是，我建议您使用axios或在vue中获取，而不是使用上述方法。通过api获取数据。