美文网首页Vue全家桶
Element-UI 的基本使用(基于 Vue 的 组件库)

Element-UI 的基本使用(基于 Vue 的 组件库)

作者: 生命里那束光 | 来源:发表于2022-04-03 09:41 被阅读0次

目录总览:

1. 基于命令行方式手动安装

① 安装依赖包 npm i element-ui –S

② 导入 Element-UI 相关资源

// 在main.js文件内导入组件库
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 并安装

⑤ 配置插件,实现按需导入,从而减少打包后项目的体积

3.使用案例

最终效果:

相关文章

网友评论

    本文标题:Element-UI 的基本使用(基于 Vue 的 组件库)

    本文链接:https://www.haomeiwen.com/subject/stfxsrtx.html