两个星期的紧张开发,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): github.com/iview/iviewhtml
我就是我,是颜色不同的烟火vue
咱们会在 3月23日晚8点 在 segmentfault 直播关于 iView 2 的组件开发实践,进一步介绍在升级过程当中的开发经验和对部分组件的分析,偏干货。 报名费用:1元,报名地址: https://segmentfault.com/l/1500000008614960 微信扫描二维码:git
目前已发布至 npm,2.0 文档还需一段时间,但很快会发布新版本的 iView Cli 来支持 iView 2 。如下是一些升级中的日志线索,若有任何问题,欢迎到 GitHub 提交 issues:github
需使用 @click.nativenpm
使用 v-model,增长 on-input-change // todo 考虑改名segmentfault
使用 v-model微信
value 改成了 label,使用 v-model,废弃 checkediview
使用 v-modelide
value 改成了 label,使用 v-model,废弃 checked性能
废弃checked, 改成了 value,使用 v-model
class 改成了 className
使用 v-model
新增 on-status-change 事件
父级不能 computed Upload 的 fileList 了
废弃 activeKey,使用 v-model,key 是保留的,改名为 name
废弃 activeIndex,使用 v-model,v-for="n in slides.length",Vue2的数字循环,是从1开始的
废弃 data,改成 value,使用 v-model,key 改名为 name,不能再 template 的prop 上使用 this
更名为 iCircle
废弃 activeKey,改用 value,使用 v-model,key 改名为 name
支持 v-model
DropdownItem key 改成 name, Dropdown 的 visible 要使用 @on-visible-change 捕获,再也不 sync DropdownItem 里,this.parent 与1.0 有区别
MenuItem 和 Submenu 的 key 改成了 name Menu 的 activeKey 改成 activeName,openKeys 改成 openNames
Caspanel 的 sublist 从 prop -> data
model 改成 value,支持 v-model
class 改成 className
使用 v-model
部分 prop 移至 data
visible 改成 value,使用 v-model,style 改成 styles,$Modal 的关闭有改动,建议后面在纯 html 模式下测试
i-table 改成 Table,目前单元格渲染自定义组件还有部分 bug
notice.vue 的 key 改成了 name,style 改成 styles notification.vue 的 key 改成了 name,style 改成 styles