Vue ページをリフレッシュするために provide と injection を適用する

<テンプレート>
  <div id="app" v-if="表示"></div>
</テンプレート>
<スクリプト>
エクスポートデフォルト{
  //表示/非表示を制御し、データの更新を実装します（）{
    戻る {
      表示: 真
    }
  },
  // 低レベルコンポーネントにリフレッシュメソッドを渡す provide() {
    戻る {
      リロード: this.reload
    }
  },
  メソッド: {
    // 高レベルコンポーネントはリフレッシュメソッド reload() を定義します {
      this.bol = 偽
      this.$nextTick(() => {
        this.bol = 真
      })
    }
  }
}
</スクリプト>

<テンプレート>
  <div></div>
</テンプレート>
<スクリプト>
エクスポートデフォルト{
  挿入: ['リロード'],
  メソッド: {
    // 低レベルコンポーネント、リフレッシュ fun () {
      これをリロードします。
    }
  }
}
</スクリプト>