三步完成在vue2.x中安装element-ui

vue2.xelement-ui这个是全局配置,后期再补充自动导入,可以看看官网的解释在vue项目内的程序入口文件main.js 中引入element-ui及其样式文件在页面入口文件App.vue中加入element-ui官网中的按钮代码测试一下最后的效果:完整的main.js文件:注意不同版本的vue对应的element组件库是不同的!
摘要由CSDN通过智能技术生成

环境

vue2.x
element-ui

安装配置三部曲

这个是全局引入,后期再补充按需引入,可以看看官网的解释

  1. 命令行运行
yarn add element-ui
  1. 在vue项目内的程序入口文件main.js 中引入element-ui及其样式文件
import ElementUI from "element-ui"; // 2.1引入结构
import "element-ui/lib/theme-chalk/index.css"; // 2.2引入样式
Vue.use(ElementUI);
  1. 在页面入口文件App.vue中加入element-ui官网中的按钮代码测试一下
 <el-button type="primary">主要按钮</el-button>

最后的效果:

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值