iView2 來了，全面支持 Vue.js 2.x

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)： 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 與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