使用lodash實作防抖和節流功能

這裡以搜尋功能為例

監聽邊輸入邊搜尋：@input

敲回車搜尋 @keyup.enter.native=""

點選按鈕搜尋 @click

搜尋性能優化：主要利用防抖和節流

防抖和節流：主要目的是為了降低高頻事件觸發，減少dom操作或請求次數，提升性能

通常高頻事件：onscroll,onresize,keyup/keydown,mousemove

防抖：在固定時間内，如果有事件觸發，則會再延長固定時間，直到固定時間内沒有觸發事件再做處理 例如：電梯和屏保
 節流：指定一個固定時間，無論是事件觸發與，隻要到了固定時間，都會觸發
           

第三方函數工具庫：lodash

安裝： npm i lodash

引入：import _ from ‘lodash’

//防抖
getList:_.debounce(function() {
  this.getUserList()
},2000),
           

//節流
getList:_.throttle(function() {
  this.getUserList()
},2000),