Vintage模板前臺頁面需要實現的功能很多，其中有一個就是防止用戶重復點擊按鈕，引入了Vue的FastClick.js插件。

什么是FastClick.js？它是一個解決瀏覽器300ms點擊延遲的插件。在移動端上，瀏覽器520ms后才觸發click事件，原因是瀏覽器等待知道用戶是否正在進行雙擊操作，因此FastClick.js在觸摸結束后立即檢查觸摸時間，如果時間小于200ms，則FastClick.js會拋出自定義click事件，避免了等待300ms的延遲。

FastClick.js的優勢是非常明顯的，首先可以提高用戶使用體驗。200ms的等待時間對于用戶來說是很明顯的， 當用戶點擊一個按鈕時，沒有立即反饋給用戶，用戶就會認為這個按鈕是壞的、系統出現問題等，這無疑會降低用戶的使用體驗。因此，使用FastClick.js，用戶的點擊會立即觸發響應，提高了用戶使用體驗。

## 引入FastClick.js插件
在Vintage模板中，你可以將FastClick.js插件vue-fastclick引入到你的Vue項目中。下面是它的安裝方式：
1. 在命令行終端進入項目根目錄
2. 執行 npm install vue-fastclick –save 命令

引入FastClick.js插件安裝成功后我們來看如何在Vue項目中使用它。 1. 在app.vue中引入fastclick

// app.vue
import FastClick from 'fastclick'
FastClick.attach(document.body)

在app.vue引入FastClick.js, 并調用一個方法將其attach到組件中。

// 終端執行命令，重新編譯項目
npm run build

重新編譯項目后，在瀏覽器中運行Vue項目，此時你的Vintage模板環境就已經支持FastClick.js了。

FastClick.js的使用引入了Vue項目環境緩解了頁面點擊延遲的問題，提高了用戶的使用體驗，同時在主流手機瀏覽器上，FastClick.js也是性能和用戶體驗最優秀的解決方案之一。

如果你的Vue項目需求中頻繁使用到點擊事件，那么請不要猶豫，加入FastClick.js插件文件吧。