Retrieving an encapsulated component

[ayamflow]

Hello,
5 months in and still loving Vue :)

I just stumbled upon something: I have registered & encapsulated some private components into a vm. Some of them are created via the DOM with v-component. Some others need to be created procedurally. I tried this:

var TheComponent = Vue.component('the-component');
var component = new TheComponent({....});

but Vue.component(id) returns undefined. Is this possible at the moment ?

Also, I remember this issue from @bpierre, is there a specific way to instanciate a given component without having to retrieve it first ?

[yyx990803]

How did you encapsulate it? With Vue.extend?

[ayamflow]

Oops, forgot to put this fiddle. I used the components instantiation option like this:

// the-component.js
module.exports = {
    template: require('./the-component.html'),
    ....
};

// index.js
var root = new Vue({
    components: {
        'the-component': require('./the-component');
   }
});

[ayamflow]

I dug into the source and found out that the private components are stored into the $options hash.
My fix is then:

var TheComponent = this.$options.components['the-component'];
var theComponent = TheComponent.extend({...});
theComponent.$appendTo(this.$el);

Interested to know if there is a shorter way though !