vue应用element-ui

1.开发环境 vue+element
2.电脑系统 windows10 专业版
3.在开发的过程中,咱们会应用到一些ui框架,在这里我抉择的是element,上面我来分享一下vue怎么应用element!
4.在终端输出命令:

npm i element-ui --save

5.在main.js中增加如下代码:

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