vue中多个倒计时实现

下面给出一个效果图，我今天要说的就是实现下图这种多个倒计时

很多时候我们做只有一个倒计时的情况比较多，比较简单只需要一个定时器setInterval，算出来赋赋值就好，

但是需要多个倒计时的时候我们就要考虑把倒计时封装成通用的方法了

拿我自己的vue项目举个例

    
    

        
{{ item.title }}
        
        

            
{{ item.count }}个视频
            
倒计时：{{ item.djs }}
            

        
    

需要注意的是那个标红的代码，在一个对象已经有了的情况下，假如此时object里没有djs这个元素，直接object.djs = "要赋的值"这样的做法是不正确的，可能会赋值成功，但是会出现很多奇怪的问题，推荐用

this.$set(object,'djs','要赋的值');