关于vue.js:vue使用elementui

34次阅读

共计 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, 不要认输, 不要抬头, 让咱们一起致力走向巅峰!

正文完
 0