Vue实时刷新之看评论改BUG

上一篇文章评论总结

不发不知道，一发吓一跳，我这个是看评论改BUG啊，所以我要总结一下我上一篇文章的错误，谢谢大佬们提的建议，每个我都亲自尝试。

我认为每个人都要勇于去发表自己的小总结，虽然用可能是错误的（比如说我），但是可以看评论改bug，哈哈哈，开个玩笑，这样真的会让你学习到很多东西。

我的上一篇文章有2点错误，

1. timer中返回的不是定时器，所以clear不能清除。
2. setTimeout定时器不用清除也可以，页面切换就会自动关闭，自认为是可以清除的。（呵呵，嘲笑自己）

最最终版

希望别在多一个最了

<script>
export default {
    name: 'timer',
    data() {
         return{
            _timer:function(){}
        }
    },
    created() {
      this.getData()
      this._timer()
    },
    methods: {
    	// 获取数据
    	getData() {
            .....
    	},
    	// 定时器
        timer() {
            this._timer = setInterval(()=>{
                this.getData()
            },1000)
        }
    },
    destroyed() {
        clearInterval(this._timer)
    }
}
</script>
复制代码

谢谢大佬，adensW提供此方法。

笑对BUG

转载于:https://juejin.im/post/5c456a346fb9a049d1327393