vue-beauty有豐富的vue組件庫，使用vue-beauty方便項目的開發(fā)，下面介紹在vue項目中引入vue-beauty。

1、vue項目初始化

npm install --global vue-cl：全局安裝vue腳手架vue init webpack my-projec：初始化cd my-project：進(jìn)入目錄npm install:安裝依賴

2、安裝vue-beauty

3、查看配置文件package.json，是否有vue-beauty組件的版本號

4、在main.js中引入

以下代碼便完成了 vue-beauty 的引入

import 'vue-beauty/package/style/vue-beauty.min.css'import vueBeauty from 'vue-beauty'Vue.use(vueBeauty)

5、還可以按需引入

當(dāng)你只需要整個組件庫中的幾個的時候可以使用下面的方法引入

6、在項目中使用組件vue-beauty組件，我們以button組件為例：

7、查看效果

可以看到我們成功的使用了vue-beauty組件庫