switch开光状态绑定问题

<div class="mui-input-row">  
    <div :class="state==true?classA:classB" @click="run">  
        <div class="mui-switch-handle"></div>  
    </div>  
</div>  
new Vue({  
        el:"#switch-box",  
        data:{  
            state:true,  
            classA:"mui-switch mui-active",  
            classB:"mui-switch",  
        },  
        methods:{  
            run(){  
                var vm = this;  
                setTimeout(function(){  
                    vm.state = true;  
                    console.log(vm.state);  
                },3000)  
            }  
        }  
    })  

switch开关绑定了一个state状态，初始为true，开关开启，点击一次，开关变为关闭状态，延时三秒后重新赋值state为true，为什么开关不会自动改变为开启状态？要怎么才能使开关再自动变为开启？