Así que estaba buscando formas de llamar a un método de componente secundario desde el componente principal sin usar referencias al elemento secundario y encontré una solución interesante.

 var Child = { template: '<div>{{value}}</div>', data: function () { return { value: 0 }; }, methods: { setValue(value) { this.value = value; } }, created() { this.$emit('handler', this.setValue); } } new Vue({ el: '#app', components: { 'my-component': Child }, methods: { setValueHandler(fn) { this.setter = fn }, click() { this.setter(70) } } })

 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> <div id="app"> <my-component @handler="setValueHandler"></my-component> <button @click="click">Click</button> </div>

Como puede ver, esta es una aplicación VueJS simple donde el OP emite una función de controlador de niño a padre, de modo que cuando el padre llama a este controlador, actualiza el estado del niño. Sin embargo, me cuesta entender por qué sucede esto. En la solución anterior, el método secundario setValue establece this.value, sin embargo, cuando llamamos al método emitido en el componente principal, el elemento principal no debe buscar el campo "valor" en el ámbito principal y no actualizar el "valor" del ámbito secundario.

No recibí una respuesta del OP, ya que esta es una publicación anterior a la que me referí. Entonces agradecería a cualquiera que pueda ayudarme a entender esto.