php - 如何将 php 代码集成到 vuejs 项目中以进行生产构建？

Question

使用CLI生成项目

vue create project

如何将 php 代码集成到 .Vue 文件中而不破坏构建命令:

npm run build

例如，我想添加 <?php ?>著名的 Home.vue View 中的代码如下:

<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js App"/>
    <?php echo("this break the building"); ?>

  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.php";

export default {
  name: "home",
  components: {
    HelloWorld
  }
};
</script>

将 Home.vue 更改为 Home.php 并不能解决问题。

Answer 1

你不能。

VueCLI 生成一个简单的 html 和 javascript 的静态项目。当你运行 npm run build 时，如果你查看你的 /dist 文件夹，你只会看到 .html 和 .js 文件。

如果您想在 Vue 应用程序中使用来自 PHP 的数据，您需要将 Vue 组件添加到 PHP 项目并将数据作为 props 传递给 Vue。

或者，一种非常常见的方法是使用一个单独的 Vuejs 前端，该前端使用您可以用 PHP 编写的 API。