naive-ui(naiveui打包部署)

http://www.itjxue.com  2023-02-20 08:04  来源:未知  点击次数: 

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的核心贡献者都离职了,这让很多用户都表示很担心,因为那些用户认为他们可能不会再继续维护下去了,而且他们可能会放弃这个项目。因为那些核心贡献者都离职了,他们肯定不会继续维持下去的,但是我认为他们是会继续维持下去的,主要原因有三个:

第一个原因就是他们还是会为消费者服务的。虽然说他们也是为了让自己获得利益,可是他们更多的也是会为消费者服务的,如果仅仅因为核心贡献者离职,就让自己不去维护,这个是不利于他们的声誉的,而且也会让他们变得没有很多人支持。他们是会想要为消费者服务的,而且也一定会为消费者服务,因此我认为他们基于这个理念还会继续维持下去,而且也不会放弃。

第二个原因就是他们还是很有责任心的。虽然说他们的核心贡献者都离职了,可是他们还是很有责任心的,而且也不会因为一点小挫折而放弃,他们的责任心很强,而且也知道要对消费者负责,而且也必须会对消费者负责,因为他们知道消费者是他们的核心力量,消费者也会支持他们,而且如果没有消费者的支持,他们是不会发展的,太长久的,他们必须要有责任心,而且也会承担起自己应该承担的责任,所以我认为他们会维护下去。

第三个原因就是他们不会轻易放弃。既然他们做出了这个东西来,他们就不会轻易的放弃这个东西,而且也不会因为一点点的困难他们就放弃这个东西,他们认为只有坚持下去,他们才能够让自己获得发展,并且让自己获得成就,所以我认为他们会继续维护下去。

总而言之,我认为我们应该相信他们,因为他们很有责任感,会将这个维护下去的。

(责任编辑:IT教学网)

更多

相关安全技术文章

推荐安全技术文章