Nuxt - 如何在 PHP 页 canvas 中补充 app.js？

Question

我需要在PHP中处理网页的一部分canvas，在Nuxt中处理另一部分。所以在我的 php 页面中我设置了这个结构。

<!-- Some php code -->
<div id="app">
  <!--I have to Inject Nuxt -->
</div>
<!-- Some php code -->

我可以用 Vue 来做。在我的 PHP 文件的 header 中，我加载了脚本 http://localhost:8080/js/app.js 并且应用 Div 被水化了。

如何在 Nuxt 中实现？

您知道在哪里生成 nuxt 文件（使用 hot-module-replacement 或构建）吗？

谢谢，

Answer 1

您将无法像 Vue 一样使用简单的 querySelector 插入 Nuxt，因为 Nuxt 需要大量的构建步骤。它不如 Vue 灵活，因为它本身就是对整个项目进行 SSR 的一种解决方案。

最好的办法是在迁移期间继续使用 Vue，当一切都完成后：将 Vue 升级到 Nuxt（如果您的代码已经遵循一些约定，那么这并不难，其他只需看看它在 Nuxt 中的组织方式).

在您的 PHP 网站旁边创建一个独立的 Nuxt 应用程序，然后开始对您的无头 CMS 进行 HTTP 调用，而不会破坏任何内容。

不要浪费时间尝试同时设置它们的一些奇怪行为运行，在我看来，你会浪费更多时间。

Nuxt - How to hydrate app.js in PHP page canvas?