作為一個有“只能用自己寫的庫類”的毛病的人，其實都是有著許多別人所不知道的血淚史的。
AutoComplete作為一個經常性的需求，然後還具備一大堆很複雜的互動，想想大概只能找一個成熟的開源庫吧。
然後，找到了一個api貌似老長老長的開源庫，不錯喲，用起來。
然後，被產品無盡的需求折磨著，都是淚水。
然後，開始改原始碼，改著改著想罵人，觸發的事件混雜的不認識它媽媽是誰，可是還是要硬著頭皮改完。
其實很多東西，儘管api老長老長，實現的機制也可以很感人。
好吧，血淚史都已經說完了，開始要介紹我自己寫的Autocomplete元件了，作為一個自強不息的人，是不會被產品的思維所打敗的，對於自己的作品，拍著胸脯保證品質，絕對不坑。
HEYUI元件庫
AutoComplete元件
Api大家可以通過上面的連結檢視。
本篇文章主要是講述一些應用示例。
示例
百度搜尋
百度搜尋的示例主要是用來說明一些用於搜尋的自動補全元件。
呼叫程式碼：
<AutoComplete :mustMatch="false" config="baidu" v-model="keyword" type="title" @change="trigger"/>
複製程式碼示例：admin.heyui.top/autocomplet…
原始碼：原始碼地址
配置：autocomplete配置地址
說明：使用config=`baidu`可以在其他模組中快速呼叫該模糊匹配元件，具體可以檢視API。
場景應用
場景應用的示例主要是用來說明一些平常使用的自動補全功能。
呼叫程式碼：
<AutoComplete config="simple" v-model="value"/>
複製程式碼示例：admin.heyui.top/autocomplet…
原始碼：原始碼地址
配置：autocomplete配置地址
說明：使用config=`simple`可以在其他模組中快速呼叫該模糊匹配元件，具體可以檢視API。
複雜場景
場景應用的示例主要是用來說明一些用於資料關聯的資料引用。
說明：先選擇了公司，再選擇該公司擁有的人員。
示例：admin.heyui.top/autocomplet…
原始碼：原始碼地址
配置：autocomplete配置地址
說明：使用config=`company` config=`account`可以在其他模組中快速呼叫該模糊匹配元件，具體可以檢視API。
關於HeyUI元件庫
後期，我們會出越來越多的heyui元件庫的一些說明教程給大家，希望大家多提提建議。
相關文章：
前端架構之路：資料驅動型元件-HeyUI，一個新型的VUE元件庫
背景圖：2016攝於烏蘭巴托