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組件庫
新聞熱點
疑難解答