Vue的watch屬性

創(chuàng)新互聯(lián)公司于2013年成立，先為漳縣等服務(wù)建站，漳縣等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為漳縣企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

Vue的watch屬性可以用來監(jiān)聽data屬性中數(shù)據(jù)的變化

可以從上述代碼中實(shí)踐得知，輸入框內(nèi)的值變化多少次，控制臺(tái)就會(huì)打印多少次

同時(shí)還可以直接在監(jiān)聽的function中使用參數(shù)來獲取新值與舊值

watch:{
          firstname:function(newValue,OldValue){
            console.log(newValue);
            console.log(OldValue);
          }
        }

其中第一個(gè)參數(shù)是新值，第二個(gè)參數(shù)是舊值

同時(shí)Watch還可以被用來監(jiān)聽路由router的變化，只是這里的監(jiān)聽的元素是固定的

  
    
    
    
    
    
  
  
    
    

      

      登錄
      注冊(cè)
      
    
  
  

計(jì)算屬性Computed的作用

computed屬性的作用與watch類似，也可以監(jiān)聽屬性的變化

只是他會(huì)根據(jù)他依賴的屬性，生成一個(gè)屬性，讓vm對(duì)象可以使用這個(gè)屬性

methods,watch,computed的區(qū)別

1. computed 屬性的結(jié)果會(huì)被緩存，除非依賴的響應(yīng)式屬性變化才會(huì)重新計(jì)算。主要當(dāng)作屬性來使用；
2. methods 方法表示一個(gè)具體的操作，主要書寫業(yè)務(wù)邏輯；
3. watch 一個(gè)對(duì)象，鍵是需要觀察的表達(dá)式，值是對(duì)應(yīng)回調(diào)函數(shù)。主要用來監(jiān)聽某些特定數(shù)據(jù)的變化，從而進(jìn)行某些具體的業(yè)務(wù)邏輯操作；可以看作是 computed 和 methods 的結(jié)合體；

總結(jié)

以上所述是小編給大家介紹的Vue的watch和computed方法的使用及區(qū)別介紹，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持！