Vue中正確使用Element-UI組件的方法實例
一、CDN
目前可以通過 unpkg.com/element-ui 獲取到最新版本的資源，在頁面上引入 js 和 css 文件即可開始使用。
<!-- 引入樣式 --> <link rel="stylesheet" > <!-- 引入組件庫 --> <script src="https://unpkg.com/element-ui/lib/index.js"></script>
二、npm安裝
1、打開終端（開發(fā)工具中打開或（win+r）后輸入cmd進(jìn)入）
2、進(jìn)入到對應(yīng)的項目中
例：
3、輸入vue add element后回車，等待一小會
4、它會提示你是全局引入（Fully import）還是按需引入（Import on demand）,選擇 Fully import 回車即可
5、然后會提示（輸入 N 回車即可）
6、然后會提示你選擇語言，選擇 zh-CN 回車即可
7、引入完成（在src目錄下會新增一個plugins文件夾和element.js文件）
三、測試是否成功引入
1、在main.js文件中引入element.js
import './plugins/element.js'
在.vue文件中輸入<el-button>el-button</el-button>最后 npm run serve 運行項目，若結(jié)果顯示出下圖的按鈕效果則表示引入成功！
四、最后附上Element-UI組件庫的使用文檔地址
https://element.eleme.cn/#/zh-CN/component/installation
總結(jié)
到此這篇關(guān)于Vue中正確使用Element-UI組件的文章就介紹到這了,更多相關(guān)Vue使用Element-UI組件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了keep-alive組件的作用與原理,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-05-05
Vuejs入門教程之Vue生命周期，數(shù)據(jù)，手動掛載，指令，過濾器
本篇文章主要介紹了Vuejs入門教程之Vue生命周期，數(shù)據(jù)，手動掛載，指令，過濾器的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)pc端拍照上傳功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
在Vue項目中集成CryptoJS進(jìn)行數(shù)據(jù)加密,首先需要通過npm安裝CryptoJS安裝包,然后在項目文件中引入CryptoJS,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-11-11
vue前端自適應(yīng)布局實現(xiàn)教程(一步到位所有自適應(yīng))
?自適應(yīng)布局是一種根據(jù)不同的設(shè)備屏幕分辨率進(jìn)行布局的方式,它為不同的屏幕分辨率定義了不同的布局,下面這篇文章主要給大家介紹了關(guān)于vue前端自適應(yīng)布局實現(xiàn)的相關(guān)資料,需要的朋友可以參考下2024-08-08
談?wù)勔騐ue.js引發(fā)關(guān)于getter和setter的思考
最近因為公司的新項目決定使用Vue.js來做，但在使用的過程中發(fā)現(xiàn)了一個有趣的事情，因為發(fā)現(xiàn)的這個事情展開了一些對于getter和setter的思考，具體是什么下面通過這篇文章來一起看看吧，有需要的朋友們可以參考學(xué)習(xí)。2016-12-12
平時寫vue的時候知道 props 有很多種用法，今天我們來看看vue內(nèi)部是怎么處理 props 中那么多的用法的。非常具有實用價值，需要的朋友可以參考下2019-01-01
本篇文章主要介紹了vue 里面使用axios 和封裝的示例代碼，非常具有實用價值，需要的朋友可以參考下2017-09-09
在一些網(wǎng)站經(jīng)常可以看到切換語言包,將網(wǎng)站轉(zhuǎn)化成多種語言版本的情況,下面這篇文章主要給大家介紹了關(guān)于vue中i18n的安裝與幾種使用方式的相關(guān)資料,需要的朋友可以參考下2022-09-09
vue項目實現(xiàn)通過ip地址訪問和localhost訪問方式
這篇文章主要介紹了vue項目實現(xiàn)通過ip地址訪問和localhost訪問方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09