V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
Aresn
V2EX  ›  JavaScript

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

  •  
  •   Aresn · 2017-03-10 10:31:16 +08:00 · 11651 次点击
    这是一个创建于 2804 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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

    31 条回复    2017-03-12 22:40:39 +08:00
    Troevil
        1
    Troevil  
       2017-03-10 10:37:18 +08:00
    支持一个,终于出了~
    del1214
        2
    del1214  
       2017-03-10 10:39:39 +08:00
    昨天还在看 1.0 的...
    loading
        3
    loading  
       2017-03-10 10:40:24 +08:00 via Android
    这就要在 iview 和 element 中间选了,哪位大佬推荐或者评价一下这两个。
    loading
        4
    loading  
       2017-03-10 10:43:15 +08:00 via Android
    已报名。
    Martox
        5
    Martox  
       2017-03-10 11:04:57 +08:00
    帮顶群主
    an168bang521
        6
    an168bang521  
       2017-03-10 11:10:03 +08:00
    以支持,已报名;
    lixiangzaizheli
        7
    lixiangzaizheli  
       2017-03-10 11:18:50 +08:00
    马一个
    yoohaskai
        8
    yoohaskai  
       2017-03-10 11:19:47 +08:00
    支持
    zcdll
        9
    zcdll  
       2017-03-10 11:23:46 +08:00
    支持+1
    aksoft
        10
    aksoft  
       2017-03-10 11:36:26 +08:00
    选谁比较好呢
    ileenhow
        11
    ileenhow  
       2017-03-10 11:42:03 +08:00
    已报名!支持作者!
    tanywei
        12
    tanywei  
       2017-03-10 11:47:32 +08:00
    支持支持
    librae
        13
    librae  
       2017-03-10 11:58:39 +08:00
    感觉和 ant-design 很像呀,文档风格都一样的
    赞个
    oop99
        14
    oop99  
       2017-03-10 12:05:35 +08:00
    mark 下~~
    Smilecc
        15
    Smilecc  
       2017-03-10 12:27:46 +08:00
    好支持顶
    Smilecc
        16
    Smilecc  
       2017-03-10 12:29:19 +08:00   ❤️ 1
    @librae #13
    librae
        17
    librae  
       2017-03-10 12:41:26 +08:00 via iPhone
    @Smilecc 哈哈,原来如此
    wahyd4
        18
    wahyd4  
       2017-03-10 12:47:17 +08:00
    很漂亮👍
    Alexisused
        19
    Alexisused  
       2017-03-10 12:48:47 +08:00
    cli 好像还没更新
    HLT
        20
    HLT  
       2017-03-10 13:24:59 +08:00 via iPhone
    leega0
        21
    leega0  
       2017-03-10 13:45:50 +08:00
    细节处理还是比 element 好,准备使用。
    viko16
        22
    viko16  
       2017-03-10 13:52:47 +08:00 via Android
    网站在手机上打开有点惨不忍睹
    Aresn
        23
    Aresn  
    OP
       2017-03-10 14:23:21 +08:00
    @viko16 是的, iView 主要服务 PC ,没有做移动端的兼容
    tanywei
        24
    tanywei  
       2017-03-10 14:57:03 +08:00
    @Aresn 求更新 cli
    hardensky
        25
    hardensky  
       2017-03-10 15:31:01 +08:00
    昨天才对比了饿了么和 iview 最后因为不支持 2.0 选了饿了么。。。今天你就出来 2.0
    Aresn
        26
    Aresn  
    OP
       2017-03-10 15:36:44 +08:00
    @tanywei 下周会更新 iView Cli
    Aresn
        27
    Aresn  
    OP
       2017-03-10 15:37:04 +08:00
    @hardensky 所以现在换还来得及🙄
    zyliu
        28
    zyliu  
       2017-03-10 15:43:58 +08:00
    关注很久了!支持
    mejinke
        29
    mejinke  
       2017-03-10 17:37:16 +08:00
    刚才把所有的组件基本都看了一遍,挻 cool ,对 pc 、移动端兼容怎么样?
    ngloom
        30
    ngloom  
       2017-03-10 20:45:33 +08:00
    支持!
    andyiac
        31
    andyiac  
       2017-03-12 22:40:39 +08:00
    支持
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1060 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 20:01 · PVG 04:01 · LAX 12:01 · JFK 15:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.