console
new Vue({
el:"#app",
data:{
value:0
},
computed:{
result:function(){
return this.value >52 ? "大于52了吗":"还没有";
}
},
watch:{
value:function(val){
var vm=this
window.setTimeout(function(){
vm.value=0
},2000)
}
}
})
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="app">
<button @click="value+=5">加5</button>
<button @click="value+=1">加1</button>
<p>{{result}}</p>
<p>{{value}}</p>
<!--
1、我们需要写一个计算属性 result 判断我们的value >52了吗 "大于52" “还没有”
2、用watch监听 result 如果result变化了 就让value 2s后归零
-->
</div>