目前的工作初步完成了小程序的项目搭建，进入到功能页面的编写中。 现在的首要工作就是实现个基础的搜索功能，但是实际一看，用原生的搜索不符合我的审美要求，因此还是需要利用组件库来实现，更有性价比。
一、挑选组件库
- WeUI。这是微信官方设计团队为微信内网页和微信小程序设计的样式库，提供一致的微信原生视觉体验，包含多种组件如按钮、单元格、对话框等。
- iView WeApp。这是TalkingData发布的一款微信小程序UI组件库，基于Vue.js，提供丰富的基础组件和特色业务组件。
- ZanUI WeApp。这是有赞WebUI规范的React实现，提供灵活可扩展的微信小程序UI组件。
- MinUI。由蘑菇街前端团队开发维护，提供轻量、高效、易用的微信小程序UI组件。
- Wux WeApp。提供60+丰富的可复用组件，适合不同的设计风格。
- TDesign。腾讯企业级手机组件库，包括全局款式、图标、导航、按键等组件类型。
- uni-ui。基于Vue组件的跨端UI库，提供flex布局的无dom跨全端UI框架。
- uView UI。uni-app生态专用的UI框架，支持Vue.js，可发布到多个平台。
- Vant Weapp。轻量、可靠的移动端组件库，提供Vue 2/3和微信小程序版本。
- ThorUI。包含uni-app和原生小程序双重版本，提供近百个高质量组件。
百度上一搜，各种微信小程序的组件库层出不穷，刚好用过vant,那我们个人博客的搭建就通过这个框架来。
二、安装组件库
首先，进入官网vant-contrib.gitee.io/vant-weapp/… ，常规的安装都会有流程指导，我们按着指导来操作即可。
接下来进入我们的项目本地资源文件夹中，右键打开命令行
运行命令添加vant组件库
步骤二步骤三也跟着操作。
三、将报错处理掉并成功构建我们的npm包
不出意外的话就可能会出意外了 安装的时候去处理报错也是开发中常见的事，顺着报错指令去做处理，这是网上的文章，大概得安装报错处理也应该八九不离十了，不外乎就是文件路径，本地设置相关的内容。 blog.csdn.net/qq_68299987…
四、实现我们的组件库利用
OK，处理完报错之后就到了我们的组件库利用环节。 这里有两个需要考虑的点，那我们的引入是要按需引入，还是说一股脑全部引入呢。 这其实有几个方面的考虑，首先就是性能上的问题，一股脑全部导入，必然会增加负荷，所以我们这里采用按需引入的方式即可，小小一个个人博客，不至于所有组件库全给用上。
引入方式也很简单：
封装的公用组件我们可以放在components中，这样有利于我们直接拿过来用。若是局部使用，可以在当前文件模块下新建一个components,局部引用。
这样的话我们就基本实现了引入vant组件库并使用的流程。
下一章，组件封装的细节。
