<!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: {
//監(jiān)聽 變量 num1 的變化 祟剔，第一個參數(shù)是變化后的值，第二個參數(shù)是變化前的值
// 監(jiān)聽基本數(shù)據(jù)類型
num1(newnum1, oldnum1) {
console.log("newnum1", newnum1)
console.log("oldnum1", oldnum1)
},
/**
* 監(jiān)聽引用數(shù)據(jù)類型
* */
obj: {
handler(newobj, oldobj) {
// oldobj newobj 結(jié)果是一樣的
console.log("newobj",newobj)
console.log("oldobj",oldobj)
},
// 深度監(jiān)聽 監(jiān)聽對象的屬性
deep:true
}
}
})
</script>
</body>
</html>
008-watch
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門昭齐，熙熙樓的掌柜王于貴愁眉苦臉地迎上來尿招，“玉大人，你說我怎么就攤上這事阱驾【兔眨” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵里覆，是天一觀的道長丧荐。 經(jīng)常有香客問我，道長喧枷，這世上最難降的妖魔是什么虹统？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮隧甚，結(jié)果婚禮上车荔，老公的妹妹穿的比我還像新娘。我一直安慰自己戚扳，他們只是感情好忧便，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著帽借，像睡著了一般茬腿。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上宜雀，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼孤澎！你這毒婦竟也來了届氢？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布虽界，位于F島的核電站汽烦，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏浓恳。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一碗暗、第九天 我趴在偏房一處隱蔽的房頂上張望颈将。 院中可真熱鬧，春花似錦言疗、人聲如沸晴圾。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽死姚。三九已至，卻和暖如春勤篮，著一層夾襖步出監(jiān)牢的瞬間都毒，已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 11js關(guān)系運算符 <!DOCTYPE html> 11js關(guān)系運算符 /*關(guān)系運算符存在的意義：1榛瓮、默認情況下，...
- 01-常量與變量 學(xué)習(xí)swift第一步打印Hello World print("Hello World") swi...
- 布爾操作符!false //true!"blue" //false!0 //true!NaN //true!...
- 概要 64學(xué)時 3.5學(xué)分 章節(jié)安排 電子商務(wù)網(wǎng)站概況 HTML5+CSS3 JavaScript Node 電子...
