backbone.js - Ractive 、コンポーネントおよびルーティング

Question

ページに 1 つのルート Ractive があり、仮想のバックボーン ルーターがルートに移動したときに表示されるさまざまなウィジェットがあるとします。

var widget1=Ractive.extend({template:"<div>{{foo}}</div>"});
var widget2=Ractive.extend({template:"<div>{{bar}}</div>"});

var view=new Ractive({
   template:"<nav></nav><widget />",
   components:{widget:widget1}
});

var Router=Backbone.Router.extend({/* the code ... */})

/widget1 に移動すると widget1 が表示され、ルートが /widget2 の場合は widget2 が表示されます。

別のルートRactiveを作成したり、ウィジェットを非表示/表示したりせずに、現在のルートに応じてウィジェットを交換する最良の方法は何ですか? ありがとう。