pinYinForVue.js汉字拼音搜索插件
拼音搜索的痛点，基本前端人都踩过坑。pinYinForVue.js就是为这种场景准备的，专门汉字转拼音、拼音模糊匹配这些事，挺顺手的，用过一次你就懂。
支持全拼、首拼、汉字包含这些常用匹配逻辑，像搜索“zh”能命中“张三”，这种体验还挺重要的。方法封装得也比较清晰，用在 Vue 项目里基本不用二次封装，贴进去就能用。
比如你搞一个联系人列表搜索，直接用它把用户输入的拼音转出来，配上includes或你自己的搜索逻辑，就能搞定模糊匹配。而且源码注释也比较良心，不懂的地方一看就明白。
值得注意的是，它是Vue 专用的，别拿去搞 React，不然你会发现挂不上钩。还有别忘了调试时候看看首拼和全拼是不是你要的，别整串拼出来反而匹配不到。
如果你还在用原始字符串对比，或者自己写拼音字典，不妨试试这个插件，省事不少。配合文章里的这几篇也挺有参考价值的，是拼音搜索首拼全拼模糊匹配功能，里面有点思路值得借鉴。
文件大小：48.04KB
评论区