vue-検索 - リアルタイム入力検索ボックスを監視し、Nミリ秒の時間データ要求

<テンプレート> 
  の<divクラス= "検索ボックス"> 
    <入力クラス= "ボックス" 
           ：プレースホルダ= "プレースホルダ" 
           Vモデル= "クエリ" 
    > 
  </ div> 
</テンプレート> 
ます。<script type = "text / ECMAScriptの-6" > 
  '共通/ JS / utilの'からインポート{デバウンス} 
 
  エクスポートデフォルト{ 
    小道具：{ 
      プレースホルダ：{ 
        タイプ：文字列、
        デフォルト： '歌曲、歌手搜索を' 
      } 
    }、
    データ（）{ 
      リターン{ 
        クエリは： '' 
      } 
    }、
    作成した（）{ 
      この。$腕時計（ 'クエリ'、デバウンス（（newQuery）=> { 
        この。$発する（ 'クエリ'、newQuery）
      }、200）） 
    } 
  }
</スクリプト>

エクスポート機能のデバウンス（FUNC、ディレイ）{ 
  タイマーをしましょう。
  関数（...引数）を返す{ 
    IF（タイマー）{ 
      てclearTimeout（タイマー）
    } 
    タイマ=のsetTimeout（（）=> { 
      func.apply（この、引数）
    }、遅延）
  } 
}