vue 引入並配置element-ui


https://element.eleme.cn/#/zh-CN

上面的網址是Element-ui的使用指南;

 

element-ui是  基於vue2.0  的桌面組件庫!!!

1,安裝element-ui
npm安裝: 在需要使用的項目下打開cmd窗口輸入: npm i element-ui -S

(安裝過淘寶鏡像的可以輸入  :  cnpm i element-ui -S)

 

2,安裝完成后,進入項目進行配置使用(完整引入)(下圖是配置了英文的,如果不想使用,可以把圖片中第14行的代碼刪除,並打開圖片中第19行代碼,關閉圖片中第20行代碼);

(不配置英文,到此就可以使用element-ui的相關組件了)


打開項目下的 main.js 文件 寫入 :

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

在new Vue里面寫入 render: h => h(App)

 

3,按照需求進行配置語言(默認中文,可以不配置)(上圖配置了英文)

import locale from 'element-ui/lib/locale/lang/en'

Vue.use(ElementUI, { locale })

 

 

更多請仔細查看上面網址內的內容!!!

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM