Child use $emit to send event to parent.
<script>export default { methods: { save() { this.$emit('saved', { message: 'Successful' }) }, }}</script>
Parent listen for event using v-on
and update UI accordingly.
<template> {{ message }} <Child v-on:saved="saved" /></template><script>export default { data() { return { message: '', } }, methods: { saved(data) { this.message = data.message } }}</script>