资讯专栏INFORMATION COLUMN

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

YFan / 1303人阅读

摘要:来了两个星期的紧张开发,终于发布了支持的版本。整体性能也大幅度提升。报名费用元,报名地址微信扫描二维码更新日志目前已发布至,文档还需一段时间,但很快会发布新版本的来支持。

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

更新日志

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/86871.html

相关文章

  • 2017年3月份前端资源分享

    平日学习接触过的网站积累,以每月的形式发布。2017年以前看这个网址:http://www.kancloud.cn/jsfron... 03月份前端资源分享 1. Javascript 175453545 Redux compose and middleware 源码分析 深入 Promise(二)——进击的 Promise Effective JavaScript leeheys blog -...

    ermaoL 评论0 收藏0
  • 2017年3月份前端资源分享

    平日学习接触过的网站积累,以每月的形式发布。2017年以前看这个网址:http://www.kancloud.cn/jsfron... 03月份前端资源分享 1. Javascript 175453545 Redux compose and middleware 源码分析 深入 Promise(二)——进击的 Promise Effective JavaScript leeheys blog -...

    kamushin233 评论0 收藏0
  • 2017年3月份前端资源分享

    平日学习接触过的网站积累,以每月的形式发布。2017年以前看这个网址:http://www.kancloud.cn/jsfron... 03月份前端资源分享 1. Javascript 175453545 Redux compose and middleware 源码分析 深入 Promise(二)——进击的 Promise Effective JavaScript leeheys blog -...

    yy736044583 评论0 收藏0
  • 2017年3月份前端资源分享

    平日学习接触过的网站积累,以每月的形式发布。2017年以前看这个网址:http://www.kancloud.cn/jsfron... 03月份前端资源分享 1. Javascript 175453545 Redux compose and middleware 源码分析 深入 Promise(二)——进击的 Promise Effective JavaScript leeheys blog -...

    awokezhou 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<