如何创建 Marionette.js 可重用组件答案

【问题标题】：How to create Marionette.js reusable components如何创建 Marionette.js 可重用组件
【发布时间】：2015-11-30 19:54:34
【问题描述】：

我对 Marionette.js / Backbone.js 很陌生，但我对 Angular 和最近的 React 有很多经验。

我有一个 Marionette 应用程序，在该应用程序中，我们有一个特殊的表单控件，可以创建标签并提出建议，类似于 http://sliptree.github.io/bootstrap-tokenfield/

我在应用程序的各个部分都有同样的控制，因此问题和被问到的问题：

如何抽象化该组件并在整个应用程序中重新使用它？它有一个标记模板，有一些最小的模板逻辑，它使用了一些 templateHelpers 和支持它的 jquery 插件需要在 onShow 上实例化。

在 React.js 应用程序中，我将做一些非常简单的事情：

<form>
  ...
  <mySpecialControl {...someProps}/>
</form>

并且在 mySpecialControl 的 def 中我会封装所有的逻辑。

有没有办法在 Marionette / Backbone 应用程序中完成类似的事情？

【问题讨论】：

【解决方案1】：

简短的回答是，Marionette 并没有为此规定某种方法。

您可以轻松地为整个应用程序中所需的组件创建一个木偶视图，然后在需要时实例化它。我的假设是，您可能已经有了这个组件的视图，您只需要将它的定义放在更通用的地方，以便从任何地方轻松访问它。

如果没有更具体的场景，很难给出更具体的建议。

【讨论】：

视图的问题是它们仍然很麻烦。我需要创建视图+模板。但是从该视图的用户角度来看，她将需要定义一个 dom 元素，其中将实例化视图，实例化视图，并可能管理它的销毁周期。非常感谢您的回答。