vue-- watch监听

watch监听简单写法

<template>
<view>
	<button @click="num++">num++</button> 
 </view>
</template>

<script>
	export default {
		data(){
			num:1
		},
		watch:{
			num(newvalue,oldervalue){
			console.log(newvalue,oldervalue)
			}
		}
}
</script>

watch 监听复杂写法

<template>
<view>
	<button @click="num++">num++</button> 
 </view>
</template>

<script>
	export default {
		data(){
			num:1
		},
		watch:{
			num:{
			handlder(newvalue,oldervalue){
			console.log(newvalue,oldervalue)
			  	}
			},
			deep:true //深度监听   （可监听对象内属性变化）
			immediate:true // 首次执行一次监听 
		}
}
</script>