Vue入门11--侦听器

最新推荐文章于 2022-09-28 19:34:47 发布

AsaZyf

最新推荐文章于 2022-09-28 19:34:47 发布

阅读量288

点赞数

分类专栏： Vue 文章标签： Vue Vue入门 Vue侦听器侦听器

本文链接：https://blog.csdn.net/asazyf/article/details/83351737

版权

Vue 专栏收录该内容

50 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Vue侦听器</title>
		<script type="text/javascript" src="js/vue.js" ></script>
	</head>
	<body>
		<div id="wrap">
			<input v-model="minus" placeholder="我是减"/>
			<span>{{count}}</span>
			<input v-model="add" placeholder="我是加"/>
		</div>
		<script>
			new Vue({
				el:"#wrap",
				data:{
					count:0,
					minus:"",
					add:""
				},
//				侦听器方法
				watch:{
					minus:function(){
						this.count--
					},
					add:function(){
						this.count++
					}
				}
			})
		</script>
	</body>
</html>

显示：