vue3.0学习笔记 （watch监听特性）

1.watch的多种情况

            let sum =ref(0)
            let msg=ref('你好啊')
            let person=ref({
                            name:'张三',
                            job:'前端工程师'
                            })

	       //情况一：监视ref所定义的一个响应式数据
			 watch(sum,(newValue,oldValue)=>{
				console.log('sum变了',newValue,oldValue)
			},{immediate:true})
 
 
			//情况二：监视ref所定义的多个响应式数据
		    watch([sum,msg],(newValue,oldValue)=>{
				console.log('sum或msg变了',newValue,oldValue)
			},{immediate:true}) 
 
			
			//情况三：监视reactive所定义的一个响应式数据的全部属性
		    watch(person,(newValue,oldValue)=>{
				console.log('person变化了',newValue,oldValue)
			},{deep:false}) //此处的deep配置无效 
 
 
			//情况四：监视reactive所定义的一个响应式数据中的某个属性
			 watch(()=>person.name,(newValue,oldValue)=>{
				console.log('person的name变化了',newValue,oldValue)
			})
 
			//情况五：监视reactive所定义的一个响应式数据中的某