Vue.js $children by component name
You can use this property:
this.$root.$children[0].$options.name
For example:
this.$root.$children.find(child => { return child.$options.name === "name"; });
Is this child you are talking about really a child of the component that you want to access it from? In this case, v-ref
is indeed the answer:
// in the code of the parent component, access the referenced child component like this:
this.$refs.detailsChild
<!-- Template of the parent component, assuming your child Component is called Details -->
<details v-ref:details-child></details>
relevant API Documentation: http://vuejs.org/api/#v-ref
this.$root.$children[0].constructor.name