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

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>        

参考