<h5>15.侦听器</h5>
<div class="watchs">
	<p>count:{{nowtime}}</p>
	<button @click='nowtime++'>点我</button>
</div>
<pre>注意:tt.$watch('nowtime',function(n,o){/*n为新值,o为旧值*/})</pre>
<script type="text/javascript">
	//监听器
	const timer = Vue.createApp({
		data(){
return{
	nowtime:0
}
		} 
	})
	const tt = timer.mount('.watchs');
	tt.$watch('nowtime',function(n,o){
		alert("此时"+o+'变成了'+n);
	})
</script>


交互效果见:https://course.51qux.com/vue3-0-1

版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。
转载请注明来源: 初识Vue 3.0 —— $watch:侦听器 - Qui-Note