vue实现界面刷新

vue实现刷新

vue实现无刷新加载数据，使用的技术是依赖注入 关键字为provide inject
在App.vue中

<template>
    <div  id="app">
        <router-view  v-if="isRouterAlive"/>
    </div>
</template>
name:'app',
provide :function() {
    return {
      reload:this.reload
    }
},
data:function(){
    return {
        isRouterAlive:true
    }
},
methods:{
    reload:function(){
        this.isRouterAlive=false;
        this.$nextTick(function(){
            this.isRouterAlive=true
        })
    }
}

然后在需要使用这个方法的的vue组件中注入这个方法
data(){

},
inject:[“reload”]
//然后在你想要使用的地方 使用就可以了
this.reload()