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获取数据。