在 Laravel 5 中，如何在启用 vue 的模板上转储变量？

Posted 2023-02-22

【中文标题】在 Laravel 5 中，如何在启用 vue 的模板上转储变量？

【英文标题】：In Laravel 5, how do you dump variables on vue enabled templates?

【发布时间】：2017-10-26 05:25:15

【问题描述】：

在 vue 成为 Laravel 的一部分之前，我通常会通过简单地使用 dump($var)

进行调试

现在这样做会在 javascript 中引发异常，因为 Vue 不喜欢内容正文中的

是否有 Vue 等价于 laravel 的转储？我可以告诉 Vue 在调试时忽略脚本标签吗？

明确地说，我希望从 php 中输​​出变量，其中显示属性、属性、值的类型等。我不希望在 JavaScript 中输出对象。

【参考方案1】：

console.log() 可以工作，但只能通过 javascript 工作，但我个人建议您从浏览器使用 vue.js 插件？它可以更好地了解后面的 vue 变量到底发生了什么。

这里是链接

vue dev tools chrome

然后在你的浏览器上（F12）你会从Vue标签一起找到它控制台，网络html。

【讨论】：

我已经更新了问题。我正在寻找从 PHP 中查看变量。 Vue 在使用转储功能时破坏了 Laravel 的任何输出。所以此时，变量在 Vue 中是不存在的。我可以将包含 vue 应用程序的 div 移动到使用转储的位置之后，但这会导致 vue 组件无法工作。当我使用 laravel 调试选项时，我希望有或将会有一个调试选项让 Vue 忽略对脚本和样式标签的限制。

如果你想从 php 查看变量到 vue 组件中，然后使用 props.. vuejs.org/v2/guide/components.html#Passing-Data-with-Props 如果你使用 vue 1. 并且在你的刀片模板中将你的组件 props 包装到 如果 vue2 你可以直接 并使用 props 在模板中捕获它：['variable '] 然后你可以通过模板看到你的 php 变量

【参考方案2】：

你可以试试 var_dump($variable)

如果您只是想查看正在使用的变量的内容，可以使用 PHP 函数 var_dump() 而不是 dump()。它的样式与 dump() 的样式不同，您不能像使用 dump() 那样折叠或展开部分。但它会转储您需要的数据，而不会弄乱您的 Vue 代码。

dump($variable) 没有 Vue：

var_dump($variable) 带或不带 Vue：

【讨论】：

vue 打印 TypeError: "_vm.var_dump is not a function"

它的打印剃须刀或树枝在模板处理器中构建！