Symfony 4 Vue js 特定组件答案

【问题标题】：Symfony 4 Vue js specific componentSymfony 4 Vue js 特定组件
【发布时间】：2021-06-16 21:24:19
【问题描述】：

您好，我使用的是 symfony 4，我会使用 vue js 作为聊天模块。 vue js 怎么可能只为 ChatController 而不是整个应用程序加载？

【问题讨论】：

【解决方案1】：

一个相当广泛的问题的广泛答案：

执行此操作的最基本方法是通过 CDN 获取 Vue 并为此页面创建一个 twig 模板，就像您通常在正文中使用 id="#app" 的 div 一样。（例如：https://techformist.com/use-vue-from-url-simple-app/）。这将聊天的关注点集中在一个地方，并且不需要根据加载的节点模块来更改应用程序。

使用 webpack encore 时，您可以为启动 Vue.js 的特定控制器创建一个 assets 文件夹。 https://symfony.com/doc/current/frontend/encore/split-chunks.html（每页拆分 js 模块）并在 symfony 签出时启用 Vue https://symfony.com/doc/current/frontend/encore/vuejs.html

如果你真的想了解如何使用 Vue 和 Symfony 结帐： https://symfonycasts.com/screencast/vue 一步一步详细解释一切。

【讨论】：