php - 如何创建可重用的 Twig 组件

标签 php symfony twig components

我正在开发一个 Symfony 3 应用程序,它使用 Twig 进行渲染。为了使代码更具可读性和可重用性,我需要将屏幕分成小部分,这些部分可以在其他屏幕中使用(例如时钟小部件)。乍一看似乎很简单,我可以使用 include Twig 方法来包含该部分代码。问题是我的时钟使用一些特定的 CSS 和 JS 脚本来工作。

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

最佳答案

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

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

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

关于php - 如何创建可重用的 Twig 组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54637706/

相关文章:

javascript - 在我的插件中添加短代码 WordPress

javascript - 如何在注销前引发确认警报

symfony - 管理 RabbitMQ 消费者

php - php语法错误混淆

php - 如何让gettext和poedit识别自定义文件类型?

php - Symfony 设置扩展类的依赖注入(inject)

php - Doctrine2 (Symfony2) 生成的约束中奇怪的随机名称

css - 编码在样式应答器中不起作用

symfony - 如何从捆绑配置中添加全局 Twig ?

symfony - 使用 Symfony2 获取 Twig 模板中的环境名称