Element-UI 的基本使用


Element-UI:一套為開發者、設計師和產品經理准備的基於 Vue 2.0 的桌面端組件庫。

官網地址為: http://element-cn.eleme.io/#/zh-CN

1. 基於命令行方式手動安裝

  ① 安裝依賴包 npm i element-ui –S
  ② 導入 Element-UI 相關資源
  // 導入組件庫
  import ElementUI from 'element-ui';
  // 導入組件相關樣式
  import 'element-ui/lib/theme-chalk/index.css';
  // 配置 Vue 插件
  Vue.use(ElementUI);

2. 基於圖形化界面自動安裝
  ① 運行 vue ui 命令,打開圖形化界面
  ② 通過 Vue 項目管理器,進入具體的項目配置面板
  ③ 點擊 插件 -> 添加插件,進入插件查詢面板
  ④ 搜索 vue-cli-plugin-element 並安裝
  ⑤ 配置插件,實現按需導入,從而減少打包后項目的體積


免責聲明!

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



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