Vue2.0偵聽器watch屬性代碼詳解-創(chuàng)新互聯(lián)

用法

10年積累的成都網(wǎng)站建設、成都做網(wǎng)站經(jīng)驗，可以快速應對客戶對網(wǎng)站的新想法和需求。提供各種問題對應的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡服務。我雖然不認識你，你也不認識我。但先網(wǎng)站設計后付款的網(wǎng)站建設流程，更有渝中免費網(wǎng)站建設讓你可以放心的選擇與我們合作。

--------------------------------------------------------------------------------

先來看看官網(wǎng)的介紹:

官網(wǎng)介紹的很好理解了，也就是監(jiān)聽一個數(shù)據(jù)的變化，當該數(shù)據(jù)變化時執(zhí)行我們的watch方法,watch選項是一個對象，鍵為需要觀察的表達式(函數(shù)),還可以是一個對象，可以包含如下幾個屬性:

            handler        　　;對應的函數(shù)               　　　　           ;可以帶兩個參數(shù)，分別是新的值和舊的值，上下文為當前Vue實例
            immediate    　　;偵聽開始之后是否立即調用　　　　;默認為false
            sync        　　　;波爾值，是否同步執(zhí)行，默認false     ;如果設置了這個屬性，當數(shù)據(jù)有變化時就會立即執(zhí)行了，否則放到下一個tick中排隊執(zhí)行

例如:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script>
  <title>Document</title>
</head>
<body>
  <div id="app">
    <p>{{message}}</p>
    <button @click="test">測試</button> 
  </div>
  <script>
    var app = new Vue({
      el:'#app',
      data:{message:'hello world!'},
      watch:{
        message:function(newval,val){
          console.log(newval,val)
        }
      },
      methods:{
        test:()=>app.message="Hello Vue!"
      }
    })
  </script>
</body>
</html>

新聞標題：Vue2.0偵聽器watch屬性代碼詳解-創(chuàng)新互聯(lián)
轉載源于：http://www.yijiale78.com/article48/dgseep.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、外貿網(wǎng)站建設、網(wǎng)站導航、Google、關鍵詞優(yōu)化、網(wǎng)站營銷

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

99偷拍视频精品区一区二,口述久久久久久久久久久久,国产精品夫妇激情啪发布,成人永久免费网站在线观看,国产精品高清免费在线,青青草在线观看视频观看,久久久久久国产一区,天天婷婷久久18禁,日韩动漫av在线播放直播

Vue2.0偵聽器watch屬性代碼詳解-創(chuàng)新互聯(lián)