子コンポーネントから親コンポーネントのイベントを発火する

emit を使う。

子コンポーネント

「追加する」ボタンをクリックすると、親に add というイベントが渡される。

child.vue

<template>
	<button class="button" @click="add">追加する</button>
</template>

<script>
    export default {
        methods: {
            add(){
                this.$emit('add');
            }
        }
    }
</script>

親コンポーネント

addを検知すると addProduct が実行される。

parent.vue

<template>
	<forms @add="addProduct"></forms>
</template>

<script>        
	export default {
		methods: {
			addProduct(){
				console.log("piyo");
			}
		}
	}
</script>        

参考