Vue.js2.x 子コンポーネントから親コンポーネントの値変更したい

Vue.js2.x系で子コンポーネントから親コンポーネントの値を変更したかったのですが、vuexやstoreを自力で実装したり、面倒そうでした。

v-onで呼び出し元に返せる方法が簡単でしたので記録しておきます。

親　parent-component

<child-hoge-component
   @getHoge=“isHoge=true”
</child-hoge-component>

子　child-component

クリックイベントの場合

<div @click=“$emit(‘getHoge’)“></div>

これで子をクリックしても親側の情報が修正できます。

PS

親→子はpropsになります。