Ember.js中有多个javascript组件

我正在使用Ember.js构建一个SPA原型应用程序，为了快速启动并工作，我有（3）三个独立的javascript组件，即日历/待办事项列表、javascript时钟和另一个jquery类型插件。我希望所有这些都同步在一起

换句话说，当有人输入todo或日历条目时，它会随着时间将模拟时钟面涂上颜色，然后用详细信息更新其他插件

当然，现在所有这些组件都不是为了彼此对话而编写的。它们只是由不同的开源开发人员编写的独立插件

我有两个问题，关于如何处理这个问题

1.）这样做很荒谬，最好将每个组件分开，看看它们是如何工作的，然后自下而上对它们进行编码，以统一的方式一起工作

评论：上面的方法很好，但非常耗时，而且无法实现快速工作以验证概念的目的。我只是打算用postgres编写一个Rails后端，用数据填充所有控件，并在使用时进行更新

2.）如果您可以按原样使用组件。。。。是否建议或可行的黑盒或包装这些作为一个余烬组件，即把他们每个组件，然后让余烬传递数据来回

当然，这里的目标是让某些东西工作起来，理解它是如何组合起来的，然后根据这些知识，在Ember/ES6或其他框架中从头开始重写整个内容

---

谢谢大家

您通常可以很容易地将jQuery插件包装到ember组件中。 如果在呈现组件时需要进行初始化，可以在“didInsertElement”钩子中进行初始化。

下面是我的应用程序中的一个示例组件：