運(yùn)用 provide-inject方法來(lái)實(shí)現(xiàn)組件的局部刷新

• 在APP.vue當(dāng)中添加：

//在template當(dāng)中添加一個(gè)v-if判斷
<router-view v-if="isRouterAlive"/>

//在data當(dāng)中添加變量
data(){
  return{
    isRouterAlive:true
    }
}

//在methods當(dāng)中添加方法
methods:{
      //通過(guò)改變isRouterAlive來(lái)改變路由的key
      reload(){
        this.isRouterAlive = false
        this.$nextTick(function () {
          this.isRouterAlive = true
        })
      }
    }
//在最開(kāi)始data上面通過(guò)provide把reload掛載上去
 provide(){
      return {
        reload:this.reload
      }
    },

• 在組件的頁(yè)面當(dāng)中添加

export default {
    //在子組件當(dāng)中通過(guò) inject獲取父組件傳過(guò)來(lái)的reload
    inject:["reload"],
methods:{
//在方法當(dāng)中調(diào)用reload()函數(shù)
this.reload()
}
}