Question

我正在研究使用Twig进行渲染的Symfony 3应用程序。为了使代码更具可读性和可重用性，我需要将屏幕分成小部分，这些部分可以在其他屏幕中使用（例如时钟小部件）。起初看起来很容易，我可以使用 include Twig方法来包含那部分代码。问题是我的时钟使用某些特定的CSS和JS脚本来工作。

创建由HTML，CSS和JS组成的可重用组件的最佳方法是什么？提前谢谢！

Answer 1

Twig中没有“组件”概念或方法，但是您仍然可以将CSS + HTML + JS代码封装在一个文件中，并包含作为单独的代码段：

<style>...</style> {# or use <link href="..."> #}
<div>...</div>
<script>...<script> {# or use <script src="..."> #}

但是，可能Twig不是实现它的正确工具，您应该通过HTML属性传递数据来查看某些前端框架（例如VueJS https://vuejs.org/v2/guide/index.html）。

Answer 2

也许您可以使用 include 将数据传递给特定的部分组件并动态呈现它。

检查一下：https://twig.symfony.com/doc/3.x/tags/include.html

如何创建可重用的Twig组件

2 个答案: