vue中的watch

1、第一种

　　watch:{

　　　　　　total:{　　// total：要检测的数据

 

　　　　　　　　handler:(val,oldVal)=>{　　// handler方法自动执行

 

　　　　　　　　　　　　　},

　　　　　　　　deep:true　　// 深度检测（一般用于复合数据的检测）

　　　　　　}

　　}

 

 

　　2、第二种

 

　　watch:{

　　　　　　total(){　　// 直接以要检测的数据作为方法名

　　　　　　　　

　　　　　　}，

　　　　　　“form.page”(){　　// 要检测的数据是对象下的某个属性

　　　　　　　　

　　　　　　},

　　}

 

　　3、第三种

 

　　watch:{

　　　　　　$route(to, from){　　// 检测路由的变化。to，from分别指向路由变化的终点和始点

　　　　　　　　

　　　　　　}

　　}