访问 Ractive Load 创建的组件实例

Question

在一个组件中，我很乐意使用下面的语法来加载其他组件，如果需要的话：

<!-- Import example component -->
<link rel='ractive' href='internal-example.html' name='InternalExample'>

我的问题是，如何在另一个组件中访问由 Ractive Load 创建的示例组件实例？

重要提示：

我可以定义主要组件的存储位置并且我可以看到 ...anotherMainComponent.components.InternalExample 但它似乎不是一个实例，因为我不能使用 get 或 set

相反，它似乎是 "component definition" 可以重复使用（这对我来说很好）。

Answer 1

您可以使用findComponent方法：

// assuming `ractive` is the top-level instance
// (i.e. `ractive = new MyComponent(...)`)
var internalExample = ractive.findComponent( 'InternalExample' );

ractive.findAllComponents 是相关方法 - docs here and here.