Tengo datos de resultados en el componente secundario, pero debo llevarlos al componente principal.
Componente principal en Parent, por lo que cada vez que hago clic en el botón, el resultado debe recopilarse en la aplicación principal
<button @click="showFinalResult">Click me</button>Los datos del componente secundario aquí y solo necesito mostrar los resultados en formato json en el padre, los resultados son resultados de entrada
results: [],Puede emitir un evento para el niño para enviar datos:
Vue.component('Child', { template: ` <div class=""> </div> `, data() { return { results: [1,2,3] } }, mounted() { this.$emit('update', this.results); } }) new Vue({ el: '#demo', data() { return { res: [], show: false } }, methods: { getResult(res) { this.res = res }, showResults() { this.show = !this.show } } }) Vue.config.productionTip = false Vue.config.devtools = false <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="demo"> <button @click="showResults">Click me</button> <p v-if="show">{{ res }}</p> <child @update="getResult" /> </div>