Element-UI基本使用方法

编程入门 行业动态 更新时间:2024-10-19 22:36:41

Element-UI是一套为开发者,设计师和产品经理准备的基于Vue 2.0的桌面端组件库
官网地址为: https://element.eleme/#/zh-CN/

  1. 安装依赖包 npm i element-ui -S
  2. 导入Element-UI相关资源
//导入组件库
import ElenmentUI from 'element-ui'
//导入组件相关样式
import 'element-ui/lib/theme-chalk/index.css'
//配置Vue插件
Vue.use(ElementUI)

基于图形化界面自动安装

  1. 运行 vue ui命令,打开图形化界面
  2. 通过Vue 项目管理器,进入具体的项目配置面板
  3. 点击插件 ->添加插件,进入插件查询面板
  4. 搜索vue-cli-plugin-element 并安装
  5. 配置插件,实现按需导入,从而减少打包后项目的体积

更多推荐

Element-UI基本使用方法

本文发布于:2023-06-13 09:19:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1372328.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:使用方法   Element   UI

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!