Laravel Vue警告，未能生成渲染函数

在控制台记录从刀片服务器传递到vue的阵列时，我得到了一个

我有这个

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

还有我的书

<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);
    },
}

从“/BookRow.vue”导入BookRow；
导出默认值{
道具：[“书”]，
组件：{BookRow}，
数据（）{
返回{
}
},
安装的（）{
console.log（this.books）；
},
}

有什么问题？

---

非常感谢您的帮助。

在您的刀片文件中删除

：

---

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

感谢您的回复。删除

：

没有帮助，因为在这种情况下，没有数据绑定到我的vue对象，我的意思是

mounted（）

中的控制台日志只打印空白数据。我从来没有使用过axios，但我想我应该开始使用它。你部分是对的，但在blade文件中

：

这是没有用的。vue绑定专门位于js文件中。尝试在控制台内部创建而不是装入。