vue中provide和inject依赖注入刷新当前页面用法

App.vue

<template>
	<div id="app">
		<router-view v-if='isRouterAlive'/>
	div>
template>

<script>
export default {
  name: "App",
  data() {
    return {
      isRouterAlive: true
    };
  },
  provide() {
    return {
      'reload': this.reload
    };
  },
  methods: {
    reload() {
      this.isRouterAlive = false;
      this.$nextTick(() => {
        this.isRouterAlive = true;
      });
    }
  }
};
script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

子组件调用：

inject:['reload'] //注入后,直接this.reload()
1