vue 中使用防抖和節流

2021-10-09 17:48:57 字數 427 閱讀 6783

防抖和節流是我們在開發過程中常用優化效能的方式

那麼在 vue 中怎麼使用呢:

在公共方法中(如 public.js 中),加入函式防抖和節流方法

// 防抖

export function _debounce(fn, delay)

timer = settimeout(function () , delay);

};}// 節流

export function _throttle(fn, interval) , interval);

} else

}}在需要使用的元件引用

import from "@/utils/public";

1在 methods 中使用

methods: , 200)

}

vue 中使用防抖和節流

防抖和節流是我們在開發過程中常用優化效能的方式 那麼在 vue 中怎麼使用呢 在公共方法中 如public.js中 加入函式防抖和節流方法 防抖 export function debounce fn,delay timer settimeout function delay 節流 export f...

vue 防抖和節流

函式防抖 debounce 當持續觸發事件時,一定時間段內沒有再觸發事件,事件處理函式才會執行一次,如果設定的時間到來之前,又一次觸發了事件,就重新開始延時。函式節流 throttle 當持續觸發事件時,保證一定時間段內只呼叫一次事件處理函式。js desc 函式防抖 param fn 函式 par...

vue防抖註冊全域性 vue全域性防抖和節流

防抖處理 立即執行 const on vue.prototype.on vue.prototype.on function event,func 500 on.call this,event,newfunc 防抖處理 最後執行 const on vue.prototype.on vue.protot...