3.小程序--搜索框相关功能

之前已经将视频页面基本制作完毕，现在咋们就来开始音乐页面的制作咯！

1.搜索框

可以自己封装一个组件，也可以引用Vant组件库，这里面还涉及到如何使用npm工具。

1.1在小程序项目中如何使用npm工具呢？

（1）首先打开微信开发者工具的终端，使用npm必须要有package.json文件，所以我们要先npm init -y创建，

（2）然后npm install @vant/weapp，此时在文件夹中就会生成node_modules。

（3）然后勾选这里的关于npm的那一项(不过我没有，应该是版本问题)：

   (4)然后  工具--构建npm  此时就会生成一个miniprogram_npm，node_modules中的包会被放到这个文件夹中，

其实我们最后要用的也是这里的东西。所以每次安装完一个新的库后都要构建一下。

1.2使用search组件

在任何一个页面使用除原生组件外的其他组件都需要注册。

 然后就可以使用啦！

1.3页面跳转

思考下一个问题，能不能直接在首页搜索呢？当然不可以！我们应该在点击搜索后进入下一个页面。

 

 

 使用vant库时会报一些警告，这是因为小程序的基础库更新到某一版本时对某些东西的检查会更严格。