在vue項目中引入vue-beauty操作方法

在本篇文章裏小編給大家分享了關於在vue項目中引入vue-beauty操作方法,有需要的朋友們跟着學習參考下。

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

1、vue項目初始化

npm install --global vue-cl:全局安裝vue腳手架vue init webpack my-projec:初始化cd my-project:進入目錄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、還可以按需引入

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

6、在項目中使用組件vue-beauty組件,我們以button組件爲例:

7、查看效果

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章