Vue2.0偵聽器watch屬性代碼詳解-創新互聯

用法

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

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

先來看看官網的介紹:

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

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

例如:

<!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屬性代碼詳解-創新互聯
轉載源于：http://www.2m8n56k.cn/article48/dgseep.html

成都網站建設公司_創新互聯，為您提供定制網站、外貿網站建設、網站導航、Google、關鍵詞優化、網站營銷

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

Vue2.0偵聽器watch屬性代碼詳解-創新互聯