watch偵聽器:
作用:監視數據變化,執行一些 業務邏輯 或 異步操作。 語法:
簡單寫法→簡單類型數據,直接監視
完整寫法 → 添加額外配置項 (1)deep:true 對復雜類型深度監視
(2)immediate:true 初始化立刻執行一次handler方法
//1.簡單寫法 data: {words :'蘋果',obj: {words:'蘋果'} }, watch:{ //該方法會在數據變化時,觸發執行 數據屬性名(newValue,oldValue){ 一些業務邏輯 或 異步操作。 }, '對象.屬性名'(newValue,oldValue){ 一些業務邏輯 或 異步操作。} }
//2.完整寫法 data:{ obj:{words:'蘋果',kang: 'italy'}, }, watch:{// watch 完整寫法 數據屬性名:{ deep:true,//深度監視 handler(newValue){ console.log(newValue)}} }