项目06——第三方组件库的使用

在vue项目中，我们也可以使用第三方的组件库，之前传统的项目有bootstrap组件库，现在vue也有很多的组件库来供项目使用，下面来看看vue组件库的使用方式。

我们使用组件库的目的是借助组件库的组件更加快速高效的开发。

目前最常用的vue组件库有PC端的elementUI和移动端的vant。

如何使用vue组件库（以vant为例）：

和所有的库一样，要使用先要在项目文件夹里面下载安装：

去浏览器搜索到vant的官网（注意，有小程序版本和vue版本）

选vue版本的官网，进去之后进入快速上手，就有安装的命令直接复制到项目根目录下cmd里面粘贴回车即可（基本上所有的组件库都是这样安装）

安装完成之后，还是那句话，所有的用到的东西都要在main.js里面报到一下，就是在main.js里面导入并注册使用一下，这个官网也有，直接拷贝即可

（这种方式就是把vant所有的组件全部导入到项目，用不用都导入，还有一种是按需导入，就是用到哪个组件就导入哪个）

到此，vant组件库导入完成，现在就可以使用vant的组件了。

直接去官网拷贝需要的组件代码到页面即可（例如按钮）：

然后就去官网查看每一个组件的属性，方法等，照着使用就好了。

小总结：

1. 浏览器搜索组件库的官网，找到安装命令，拷贝到自己的项目中安装；

2. 官网找到导入方式拷贝到自己的项目main.js中；

3. 官网找到自己的需要的组件，查看该组件的属性及其方法使用该组件。