vue+iview 进行table表格数据的更新显示，局部刷新

hello,在这个新做了一个网站，想提高一下权重 麻烦看见的给我点一下哦~ 是吉他乐谱分享的哦~
www.lsjita.com
使用vue+iview进行vue后台管理系统，对iview不太熟悉，然后就出现了好多问题，上一个有记录，这个来区分一下

在使用location.reload() 或者是 路由的 this.$router.go(0) 进行刷新的时候，是会出现一阵的空白区域的，因为是整个页面的刷新，所以比较缓慢，因此使用了provide/inject的方法。

provide：选项是一个对象或返回一个对象的函数。该对象包含可注入其子孙的属性。
inject：一个字符串数组，或一个对象，对象的 key 是本地的绑定名
提示：provide和inject绑定并不是可响应的。但是，如果你传入了一个可监听的对象，那么其对象的属性还是可响应的。

作用：允许一个祖先组件向其所有子孙后代注入一个依赖，这个依赖在这里就是能够进行依赖的组件。

第一步：
在App.vue中写入以下代码：因为是用vue-cli 搭建的，所以是这个样子的~

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

<script>
export default {
  name: "app",
  //提供一个依赖
  provide(){
    return {
      reload:this.reload
    }
  },
  data(){
    return {
      isRouterAlive:true
    }
  },
  //声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载
  methods:{
    reload(){
      this.isRouterAlive = false;
      this.$nextTick(function(){
        this.isRouterAlive=true
      })
    }
  }
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
#app {
  height: 100%;
}
</style>

第二步：在页面注入App.vue组件提供（provide）的 reload 依赖，在逻辑完成之后（删除或添加…）,直接this.reload()调用，即可刷新当前页面。inject就是和data是同意层级的~

第三步：调用