将整个参数从刀片服务器传递到Vue组件会导致另外30个数据库查询

Question

我有一个Vue组件，我正在从刀片文件中向其中传递一些数据，如下所示：

<my-widget :data-aircraft="{{ $aircraft }}"></my-widget>

[当我将整个$aircraft对象传递给Vue组件时，我的应用程序又在进行30个数据库查询。如果我通过$aircraft->id，那多余的30条查询就会消失。在这种情况下，vue组件为空，以帮助调试。

当我尝试将整个$aircraft对象作为道具发送时，我是否错过了Laravel / Vue在后台执行的操作？是不是只有这样才能将我的appends属性延迟加载到我的Aircraft模型上？

Answer 1

您正在“回显”对象，这意味着Laravel将加载所有模型属性和关系。如果您在Blade中使用变量，则仅在请求时才会加载关系。