$emit ~子から親にデータを渡す~

Vue.js

$emitとは親コンポーネントのイベントを発火させる起動スイッチのようなもの。それに便乗して値を渡す。 つまり、カスタムイベント（ここではmy-click）を作れるメソッド。

子コンポーネント側（クリック時の例）
<button @click="incriment"></button>
 
export default {
    methods: {
        incriment() {
            return {
                this.$emit("my-click", this.number + 1);
            };
        }
    }
}
親コンポーネント側
<Child @my-click="number = $event"></Child>　// 値を渡して代入させたり
<Child @my-click="incrementNumber"></Child>　// メソッドを発火
 
export default {
    data() {
        return {
            number: 13
        };
    },
    method: {
        incrementNumber(value) { 　// valueで値を受け取る
            this.number = value;
        }
    }
};