naive-ui(naiveui打包部署)
03.Element UI 之安装使用(npm)
一、创建一个vue新项目(cli方式)
? ? |--命令:vue init webpack elementui02
二、通过npm方式安装element-ui
?三、项目中引入element
? ? |--两种方式:完整引入和按需引入
? ? |--完整引入:
|--按需引入(借助插件):
? ? |--需要借助babel-plugin-component插件,按照我们需要的组件引入,以达到减小项目的目的。
? ? |--安装:babel-plugin-component
? ? |--修改.babelrc文件:
? ? |--在main.js进行配置:
? ? |--在HelloWorld进行使用:
? ? |--如果引入没有配置的组件:el-dialog
? ? |--完整的组件列表:
? ? ? ? |--详见:
四、全局配置size和zIndex
? ? |--在引入Element时,可以传入一个全局配置对象{size:'small',zIndex:3000}。
? ? ? ? |--size:用于改变组件的默认尺寸。
? ? ? ? |--zIndex:设置弹窗的出事z-index(默认:2000)。
? ? |--完整引入配置:
? ? |--按需引入配置:
安装elementui
Element官网:
操作步骤:
第一步 :
命令窗口中在项目地址下:
输入npm i element-ui -S 安装elementui 依赖
第二步:
第三步使用组件
表单
使用表单的验证规则时,其是根据prop来验证,所以prop得取值和v-[model]绑定的值一样,才能使二者指向相同,都是input框的value值 下面规则的名字需要和表单域model中的字段一模一样
可以做正则判断
element-ui和antd-vue哪个更好用
综述:个人认为antd-vue更好用。这个要具体看情况,小项目用Element-ui,大项目用Antd。Element-ui是饿了么旗下出的一款 为设计师、开发者、产品经理开发的基于Vue的桌面端UI组件库;Antd是 蚂蚁金服 出的一款服务于企业级产品的设计,更专注于用户体验。
蚂蚁金服:
蚂蚁科技集团股份有限公司起步于2004年成立的支付宝。2013年3月支付宝的母公司宣布将以其为主体筹建小微金融服务集团,小微金融成为蚂蚁金服的前身。2020年7月蚂蚁金服正式更名为蚂蚁集团 。蚂蚁集团以“让信用等于财富”为愿景,致力于打造开放的生态系统,通过互联网推进器计划助力金融机构和合作伙伴加速迈向“互联网+”,为小微企业和个人消费者提供普惠金融服务。
vue UI框架对比
对比维度的数据主要来源于各个框架的官网
element:morden browser and IE10+
element-plus: 官网没有提到兼容性;鉴于element-ui只是为vue3提供的组件库,而vue3目前不支持IE,所以可以理解element plus的浏览器兼容性和vue3一样:不支持IE
ant-design-vue1
ant-design-vue2
viewUI:大部分组件和功能支持 IE9 及以上浏览器,部分组件和功能不支持 IE
组件数量(手动在官网统计)
简单对比下三个框架的组件:
社区有多个(官网提供如下)
社区:官网提供的主要是作者的知乎专栏
element-ui的核心贡献者都离职了,还会继续维护下去吗?
有一个报道称element-ui的核心贡献者都离职了,这让很多用户都表示很担心,因为那些用户认为他们可能不会再继续维护下去了,而且他们可能会放弃这个项目。因为那些核心贡献者都离职了,他们肯定不会继续维持下去的,但是我认为他们是会继续维持下去的,主要原因有三个:
第一个原因就是他们还是会为消费者服务的。虽然说他们也是为了让自己获得利益,可是他们更多的也是会为消费者服务的,如果仅仅因为核心贡献者离职,就让自己不去维护,这个是不利于他们的声誉的,而且也会让他们变得没有很多人支持。他们是会想要为消费者服务的,而且也一定会为消费者服务,因此我认为他们基于这个理念还会继续维持下去,而且也不会放弃。
第二个原因就是他们还是很有责任心的。虽然说他们的核心贡献者都离职了,可是他们还是很有责任心的,而且也不会因为一点小挫折而放弃,他们的责任心很强,而且也知道要对消费者负责,而且也必须会对消费者负责,因为他们知道消费者是他们的核心力量,消费者也会支持他们,而且如果没有消费者的支持,他们是不会发展的,太长久的,他们必须要有责任心,而且也会承担起自己应该承担的责任,所以我认为他们会维护下去。
第三个原因就是他们不会轻易放弃。既然他们做出了这个东西来,他们就不会轻易的放弃这个东西,而且也不会因为一点点的困难他们就放弃这个东西,他们认为只有坚持下去,他们才能够让自己获得发展,并且让自己获得成就,所以我认为他们会继续维护下去。
总而言之,我认为我们应该相信他们,因为他们很有责任感,会将这个维护下去的。