Я могу создавать экземпляры (под) компонентов вручную, используя теги, но я не знаю, как это сделать динамически или как вставлять и удалять различные компоненты в одной и той же области, используя теги.

Сегодня я создаю экземпляр каждого (под) компонента следующим образом:

Ractive.load( '/templates/global/example.html' ).then( function ( Example )
{
       ractive.components.example = new Example( { el : 'aside' } );
});

Но новый (под) компонент не может видеть данные своего родительского экземпляра в усах, только его собственные данные.