如何在 vue.js 中包含 php [重复]答案

【问题标题】：How to include php in vue.js [duplicate]如何在 vue.js 中包含 php [重复]
【发布时间】：2022-11-21 10:30:02
【问题描述】：

我有一个显示表格的 php 文件，我需要将它包含在我的 vue 文件中，但我找不到这样做的方法，因为 include 在 vue.js 中不起作用。

是否可以在 vue.js 中包含一个 php 文件？

【问题讨论】：

从 Vue 组件向 PHP 文件发出异步请求，该文件以表数据（最好是 JSON）响应。如果没有更多的细节，真的帮不上什么忙
@Phil 因为 OP 提到了 include 我想这意味着“将部分刀片视图”带入其他地方。您的评论旨在使用 API 方法，而 OP 希望将直接内联模板引擎用于 .vue 文件。在我看来，这一点都不相似。第二种方法不可能也不推荐。
@kissu 这没有被标记为laravel 或blade。 OP 没有提供足够的细节来提出任何具体的建议。我假设include意味着include
@Phil 实际上，OP 已经非常清楚地提出了他的问题：他们想要include .vue JS 组件文件中的 PHP 文件或来自 JS 本身。这两种方式都得出相同的结论：不可能在 JavaScript 中运行 PHP 代码。
@Phil 关于标签是真的。与此同时，你的include在.vue文件中还好吗？我猜它可能用于 hello.vue.php 类文件中的插值目的？嗯...我猜这是一种有效的用法。即使如此，可以肯定的是相当“内联”。

标签： php vue.js

【解决方案1】：

不，您不能将 PHP（后端）文件包含到前端应用程序 (VueJS) 中。
即使你能以某种方式破解它，这显然不是一个好的举动，因为有数百万个理由。

同时你可以做相反的事情：在 PHP 中使用 Vue。
Laravel-Vue 组合实际上是quite popular。也看看InertiaJS。

尽管如此，最常见的做法（我想）仍然是使用 PHP 作为独立的 API，同时将 Vue 作为 SPA。

【讨论】：

【解决方案2】：

您必须了解 JS 和 PHP 之间的区别；两者都是语言，但一种运行在客户端的应用程序中，另一种运行在服务器上。

您也可以在服务器上运行 JS，许多开发人员都这样做（完整堆栈的单一语言）。

但是，由于种种原因，不支持在浏览器中运行 PHP。

为了实现你想要的，你可以使用 PHP 作为后端（@kissu 在他的回答中正确提到）并使用 Vue.js 作为应用程序的“显示”层。这里正确的词是“解耦”：您想将 PHP 与“显示”层解耦。

【讨论】：