Accessing computed properties of components mixed into view model from JavaScript

[jcaxmacher]

Is there a way to access computed properties of components that are "mixed into" a view model from JavaScript? The docs show how to use the v-with directive to access them in HTML, but not from JavaScript.

Here's an example JSFiddle that illustrates the type of composition I'm referring to.

I have a component created with Vue.extend that I am adding to a view model using the components instantiation option. I then want to know the right way to access the computed properties of the component from the view model in JavaScript.

You can access vueInstance.$.component.computedField if the v-component-id directive is used, but this does not work when using v-repeat since the computed field will only refer to the last item in the list.

I may not have the concepts down correctly, but I think there are cases where I would want to get at data from a component in code instead of markup.

[yyx990803]

Thanks for the question - it is an overlook in design. I will update v-component-id to work with v-repeat so it returns a list of the ViewModels associated with the array, e.g.:

<p v-repeat="items" v-component="item" v-component-id="items">
    ...
</p>

vueInstance.$.items[0].isDisabled

[yyx990803]

Landed in 2ca2d77 with casper test coverage.
Since I don't checkin built files in dev branches, if you want to try it out you will have to clone the repo and build it yourself. Otherwise this will probably be merged into master in a few days.