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

2017-03-10 10:31:16 +08:00
 Aresn

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/1500000008614960 微信扫描二维码:

更新日志

目前已发布至 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

11616 次点击
所在节点    JavaScript
31 条回复
Troevil
2017-03-10 10:37:18 +08:00
支持一个,终于出了~
del1214
2017-03-10 10:39:39 +08:00
昨天还在看 1.0 的...
loading
2017-03-10 10:40:24 +08:00
这就要在 iview 和 element 中间选了,哪位大佬推荐或者评价一下这两个。
loading
2017-03-10 10:43:15 +08:00
已报名。
Martox
2017-03-10 11:04:57 +08:00
帮顶群主
an168bang521
2017-03-10 11:10:03 +08:00
以支持,已报名;
lixiangzaizheli
2017-03-10 11:18:50 +08:00
马一个
yoohaskai
2017-03-10 11:19:47 +08:00
支持
zcdll
2017-03-10 11:23:46 +08:00
支持+1
aksoft
2017-03-10 11:36:26 +08:00
选谁比较好呢
ileenhow
2017-03-10 11:42:03 +08:00
已报名!支持作者!
tanywei
2017-03-10 11:47:32 +08:00
支持支持
librae
2017-03-10 11:58:39 +08:00
感觉和 ant-design 很像呀,文档风格都一样的
赞个
oop99
2017-03-10 12:05:35 +08:00
mark 下~~
Smilecc
2017-03-10 12:27:46 +08:00
好支持顶
Smilecc
2017-03-10 12:29:19 +08:00
@librae #13
librae
2017-03-10 12:41:26 +08:00
@Smilecc 哈哈,原来如此
wahyd4
2017-03-10 12:47:17 +08:00
很漂亮👍
Alexisused
2017-03-10 12:48:47 +08:00
cli 好像还没更新
HLT
2017-03-10 13:24:59 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/346357

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX