共计 519 个字符,预计需要花费 2 分钟才能阅读完成。
vue 应用 element-ui
1. 开发环境 vue+element
2. 电脑系统 windows10 专业版
3. 在开发的过程中, 咱们会应用到一些 ui 框架, 在这里我抉择的是 element, 上面我来分享一下 vue 怎么应用 element!
4. 在终端输出命令:
npm i element-ui --save
5. 在 main.js 中增加如下代码:
// 引入 elementUI
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/reset.css';
import 'element-ui/lib/theme-chalk/index.css';
6. 接上面咱们就能够在 vue 模板中应用 element 了, 示例:button 按钮, 在 vue 模板中增加如下代码:
<el-button type="primary"> 次要按钮 </el-button>
6-1: 成果如下:
7. 其余组件的应用教程, 请参考官网:
https://element.eleme.cn/#/zh-CN/component/installation
8. 本期的教程到了这里就完结啦, 是不是很 nice, 不要认输, 不要抬头, 让咱们一起致力走向巅峰!
正文完