$tools是Vue.js框架的一個(gè)API,并且是一個(gè)全局對(duì)象。它可以讓我們?cè)赩ue.js應(yīng)用程序中使用常見的功能和工具。$tools對(duì)象提供了許多方法,如操作cookie,獲取URL參數(shù),日期格式化等等。
在使用$tools之前,需要先在main.js文件中導(dǎo)入它。
import tools from '@/utils/tools.js' Vue.prototype.$tools = tools
一些$tools中的常見方法是:
- getCookie(name):獲取指定名稱的cookie值。
this.$tools.getCookie('username')
- setCookie(name, value, expiredays):設(shè)置指定名稱的cookie值。
this.$tools.setCookie('username', 'tom', 7)
- getQueryString(name):獲取URL中指定參數(shù)名稱的值。
this.$tools.getQueryString('id')
- dateFormat(date, fmt):將日期格式化成指定格式的字符串。
this.$tools.dateFormat(new Date(), 'yyyy-MM-dd')
- debounce(func, delay):防抖函數(shù),降低函數(shù)調(diào)用頻率,適合滾動(dòng)等頻繁觸發(fā)事件。
window.addEventListener('scroll', this.$tools.debounce(() =>{ console.log('scroll') }, 200))
這只是$tools中的幾個(gè)例子,我們可以根據(jù)需要自行擴(kuò)展。$tools可以非常方便地進(jìn)行跨組件、跨頁(yè)面的數(shù)據(jù)傳遞和公用方法的引用,可以大大提高我們的開發(fā)效率。