Vue.jsで親要素のdataを触る時(v-show) #JavaScript

リファレンスみても、あんまり合致するのなかったら
子要素からの呼び方をメモ。

親要素の中のhtmlの定義

<header id="header" v-show="ok"></header>

親要素のスクリプトのデータのとこ

<script>
  data(){
    return {
      ok: true,
    }
  }
</script>

みたいなんが定義されてたら

子要素のスクリプトに

<script>
ready(){
    this.$parent.ok = false;
}
</script>

みたいな感じで親要素のデータを変更できる。
できてみたら、簡単だけど迷った。