本文介绍了三种js刷新当前页面的方法。 我在vue实例下写的：

添加定时器，直观地看到刷新的效果（每次刷新都会重置为0）；

重新加载()方法；

替换（）方法；

页面手动刷新；

重新加载()方法

reload()方法用于刷新当前文档。

reload() 方法类似于浏览器上的刷新页面按钮。

案件：

    
    
    


    

        
{{number}}
        重新加载页面
    


    var demo = new Vue({
        el: '#demo',
        data: {
            number: 0
        },
        created() {
            this.add();
        },
        methods: {
            // 为了让刷新更直观，定时器的时间是随机的（80-380）： Math.floor(Math.random() * 300 + 80)
            add() {
                var that = this;
                var timer = setInterval(function () {
                    that.number++
                }, Math.floor(Math.random() * 300 + 80))
            },
            reloadPage() {
                location.reload()
            }
        }
 })

功效：（每次点击都会刷新页面重新统计）

替换()方法

案件：

    
    
    


    

        
初始页面
        重新加载页面
    

  
 var demo = new Vue({
    el:'#demo', 
    data:{ 
        number:0
    },
    created(){
     },
     methods: {
        replaceDoc(){
    window.location.replace("https://www.csdn.net/")
    // window.location.href="https://www.csdn.net/"
}
     }
 })

功效：

这里可能会有疑问，这不就是页面跳转吗？

当我放入代码时：

window.location.replace("https://www.csdn.net/")

变成：

window.location.href="https://www.csdn.net/"

那确实是页面跳转，replace()就是刷新，只是重定向到指定页面html刷新当前页面，好吧，我知道这样说服力不够html刷新当前页面，，，

location.href一般用于跳转到指定的页面地址，指出跳转会留下新的历史记录，并且可以通过“前进”和“后退”切换URL；

location.replace方法可以用新文档替换当前文档，指出替换在历史记录中，并强制浏览器用历史记录中缓存的URL替换指定的URL。 它不会降低新的URL，因此您无法通过“前进”和“后退”来切换URL。 您一定遇到过“页面超时过期”的情况。 通常使用location.replace方法，这更像是客户端用F5刷新界面。 当页面的method="post"时，就意味着向服务器发送数据，到了适当的时候，就会出现“网页过期”的提示，这就是Session的安全保护机制。

页面手动刷新

手动刷新比较简单。 只需要在head标签中添加一个meta标签：content属性设置手动刷新间隔。

完整代码：

    
    
    
    
    
    


    

        
{{number}}
    
     
         var demo = new Vue({
            el:'#demo', 
            data:{ 
                number:0
            },
            created(){
                this.add();
            },
            methods:{
                add(){
                    var that = this;
                    var timer=setInterval(function () {
                            that.number++
						}, Math.floor (Math.random()*300+80))
                }
            }
        })
    

疗效：（每3秒刷新页面重新计数）