<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>watch</title>
</head>
<body>
<div id="div">
<p>num1<input type="text" v-model='num1'></p>
<p>num2<input type="text" v-model='num2'></p>
<p>obj.name<input type="text" v-model='obj.name'></p>
<p>obj.age<input type="text" v-model='obj.age'></p>
</div>
<script src="./vue.js"></script>
<script>
var aa = new Vue({
el: '#div',
data() {
return {
num1: 0,
num2: 0,
obj: {
name:'aaaa',
age:11
}
}
},
methods: {
},
watch: {
//监听 变量 num1 的变化 ，第一个参数是变化后的值，第二个参数是变化前的值
// 监听基本数据类型
num1(newnum1, oldnum1) {
console.log("newnum1", newnum1)
console.log("oldnum1", oldnum1)
},
/**
* 监听引用数据类型
* */
obj: {
handler(newobj, oldobj) {
// oldobj newobj 结果是一样的
console.log("newobj",newobj)
console.log("oldobj",oldobj)
},
// 深度监听 监听对象的属性
deep:true
}
}
})
</script>
</body>
</html>
008-watch
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 01-常量与变量 学习swift第一步打印Hello World print("Hello World") swi...
