element ui

一.element安装

1.npm 安装

Windows+R打开cmd,输入:
在这里插入图片描述
2.CDN
在这里插入图片描述
如果使用element引入组件时,引入如图index.css和index.js即可。

二.使用element

element是一个插件,所以引入里边的组件之后才可以运用。
1.在 main.js 中写入以下内容
在这里插入图片描述
2.下面有两种引入方式,一个是按需引入,就是说需要哪个组件就引入那个组件,这样占内存比较少,有减小项目体积的目的。还有一个是全部引入,就是把所有的组件都引入到项目中,个人不推荐这种方法。

按需引入

  1. 首先,安装 babel-plugin-component:
    在这里插入图片描述
  2. 然后,将 .babelrc 修改为:
    在这里插入图片描述
  3. 如果只希望引入部分组件,比如 Button 和 Select,那么需要在 main.js 中写入以下内容:
    在这里插入图片描述
    注意:引用的时候 大写字母和小写字母不能混淆如果需要修改里边的样式,用F12调试工具可以改变其中的样式在css中样式的后边要加!important。比如(color:#000!important)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值