数据变动页面刷新的方式

第一种、二次调用

增删查改后都在此调用查询接口，进行二次调用来达到页面的更新

第二种、provide/inject方式局部刷新（推荐）

1. 首先在App.vue全局设置provide

<router-view v-if="isRouterAlive"></router-view>

2. 在script中写入

<script>
export default {
  provide(){
    return{
      reload:this.reload
    }
  },
  data() {
    return {
      isRouterAlive:true
    }
  },
  methods: {
    reload(){
      this.isRouterAlive=false
      this.$nextTick(function(){
        this.isRouterAlive  = true
      })
    }
  },
}
</script>

3. vue页面使用

export default {
     inject:['reload'],  //引入
     data() {