iView2 来了,全面支持 Vue.js 2.x

file

iView2 来了

两个星期的紧张开发,iView 终于发布了支持 Vue.js 2.x 的 2.0.0-rc.1 版本。
该版本以 iView 1.x 为基础进行修改,完全保留了 43 个 UI 组件,针对 Vue 2.x 的特性,对一些 API 进行了调整,比如表单类组件充分利用 v-model 来替代 .sync。整体性能也大幅度提升。
2.0 版本地址(已将 2.0 分支更改为默认分支,1.0 在 master):
https://github.com/iview/iview

iView 2 开发实践

我们会在 3月23日晚8点 在 segmentfault 直播关于 iView 2 的组件开发实践,进一步介绍在升级过程中的开发经验和对部分组件的分析,偏干货。
报名费用:1元,报名地址:
https://segmentfault.com/l/150000000861496...
微信扫描二维码:

更新日志

目前已发布至 npm,2.0 文档还需一段时间,但很快会发布新版本的 iView Cli 来支持 iView 2 。以下是一些升级中的日志线索,如有任何问题,欢迎到 GitHub 提交 issues:

Button

需使用 @click.native

Input

使用 v-model,增加 on-input-change // todo 考虑更名

RadioGroup

使用 v-model

Radio

value 改为了 label,使用 v-model,废弃 checked

Checkbox

使用 v-model

CheckboxGroup

value 改为了 label,使用 v-model,废弃 checked

Switch

废弃checked, 改为了 value,使用 v-model

Badge

class 改为了 className

InputNumber

使用 v-model

Progress (名称有警告)

新增 on-status-change 事件

Upload

父级不能 computed Upload 的 fileList 了

Collapse

废弃 activeKey,使用 v-model,key 是保留的,更名为 name

Carousel

废弃 activeIndex,使用 v-model,v-for="n in slides.length",Vue2的数字循环,是从1开始的

Tree

废弃 data,改为 value,使用 v-model,key 更名为 name,不能再 template 的prop 上使用 this

Circle

改名为 iCircle

Tabs

废弃 activeKey,改用 value,使用 v-model,key 更名为 name

popper.js 将 prop: visible 移至 data 里

Slider

支持 v-model

Dropdown

DropdownItem key 改为 name, Dropdown 的 visible 要使用 @on-visible-change 捕获,不再 sync
DropdownItem 里,this.$parent.$parent 与1.0 有区别

Menu

MenuItem 和 Submenu 的 key 改为了 name
Menu 的 activeKey 改为 activeName,openKeys 改为 openNames

Cascader

Caspanel 的 sublist 从 prop -> data

Select

model 改为 value,支持 v-model

Page

class 改为 className

DatePicker

使用 v-model

LoadingBar

部分 prop 移至 data

Modal

visible 改为 value,使用 v-model,style 改为 styles,$Modal 的关闭有改动,建议后面在纯 html 模式下测试

Table

i-table 改为 Table,目前单元格渲染自定义组件还有部分 bug

Message

notice.vue 的 key 改为了 name,style 改为 styles
notification.vue 的 key 改为了 name,style 改为 styles

本作品采用《CC 协议》,转载必须注明作者和本文链接
本帖由系统于 9年前 自动加精
打赏
Aresn
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 10
monkey

Cool!!!!!!!!!!!!!

9年前 评论

依稀记得几天前回复期待你的 2.0,这速度,赞!?

9年前 评论
幽弥狂

已经支持

9年前 评论
Destiny

终于来了

9年前 评论
DukeAnn

移动端有什么好的组件库推荐嘛

9年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!