Question

使用CLI生成具有以下内容的项目

vue create project

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

npm run build

作为示例，我想在著名的Home.vue视图内添加<?php ?>代码，如下所示：

<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项目中，并将数据作为道具传递给Vue。

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

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

1 个答案: