如何创建一个可重用的组件枝杈

Question

我上它采用嫩枝用于渲染的Symfony 3应用工作。为了使代码的可读性和可重复使用的，我需要在小零件，零件可在其他画面被使用（例如，时钟微件）来分割的屏幕。起初它似乎很容易，我可以使用包括枝条方法包括代码部分。问题是，我的时钟使用一些特定的CSS和JS脚本工作。

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

Answer 1

有一个在枝杈没有“分量”的概念或方法，但仍然可以在一个文件封装CSS + HTML + JS代码，包括它作为一个孤立的代码：

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

然而，大概嫩枝不正确的工具去实现它，你应该看看一些前端框架（例如VueJS https://vuejs.org/v2/guide/index.html）通过HTML属性传递数据。