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