关于Vue 设置定时器后不能向组件传值的问题

刚开始学Vue ，在组件中设置定时器倒计时的时候，不知道怎么在定时器中去操作data中的值

在网上找到了解决方法。就是改变this的指向

        components:{
            "test":{
                template:"#tem",
                data:function () {
                    return {
                        val:10,
                        minute:0,
                        second:0
                    }
                },
                mounted:function () {
                    var self = this;
                    var t = setInterval(function () {
                        self.val -=1;//这样就可以直接操作data里边的值了
                        console.log(self.val);
                    },1000);
                }
            },
        }