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()

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • # 传智播客vue 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 3,702评论 0 6
  • 原文地址Dagger2 入门,以初学者角度 依赖注入 Dagger2是Android中比较热门的依赖注入框架,什么...
    Marlon_IT阅读 1,309评论 1 16
  • 谷歌的智能手机服务会存储用户的位置信息,即使用户在隐私设置中关闭相关功能也没有用。 报道称,尽管在通过应用获得用户...
    珍珠港007阅读 1,013评论 0 1
  • 月光下,草原上 有一座白房子 掩映在花丛里 晚风嘟了嘟嘴 吹皱了它微微上扬的屋檐 也吹乱了檐角下的风铃 满怀的心事...
    上官飞鸿阅读 424评论 2 27
  • 凤凰花护肤方法返回韩国方法
    比目鱼2017阅读 315评论 0 0