vue.js防止按钮重复点击

情景：有时候点击按钮的代码执行比较耗时，在此期间用户如果重复点击，会造成重复执行的情况。
思路：使用一个变量state来阻止后面的代码执行，变量值默认为false，执行代码之前变为true，代码执行完毕再变为false。
代码：

<div @click="handleClick"></div>

data(){
  return{
    state:false
  }
},
methods:{
  handleClick(){
	if(this.state){
	  return false;
	}
	this.state = true;
	//具体的代码
	...
	this.state = false;
  }
}