Vue JS 自今年四月 (2016/04) 發佈 Vue 2.0 preview 版本至今也有五個月了,在新舊版本的交替之中,開發者最關心的一定是「我的專案能不能升到 Vue 2.0」、「升上去會不會爆」、「專案該用那個版本來開發」,「聽說隔壁那個 ng 升級幾乎等於砍掉重練」 之類的問題。

不過幸好,Vue 1.0 與 Vue 2.0 有 90% 的 API 是相同的,過去在 Vue 1.x 的核心概念到 Vue 2.0 一樣可以沿用,而且又多了些新特性。

這裡有一份官方的升級建議,有點長,如果沒有耐心讀的話,沒關係,這裡介紹你好物:
Vue migration helper

傳說中的升級小幫手 Vue migration helper: https://github.com/vuejs/vue-migration-helper

使用方式很簡單,打開 terminal 透過 npm 安裝後,在你的專案目錄下執行 vue-migration-helper,小幫手就會幫你掃描整份專案,然後給你修改的建議了。

完整的安裝與使用方式:

1
2
3
4
5
6
7
8
# install
$ npm install --global git://github.com/vuejs/vue-migration-helper.git
# navigate to a Vue 1.x project directory
$ cd path/to/my-vue-project
# scan all files in the current directory
$ vue-migration-helper

拿之前的某份範例試試,就像這樣:

花惹發,滿坑滿谷的升級建議 migration

依照 migration helper 給的建議一一修正後,再次執行專案,檢查一下 console,是否有噴錯,如果沒有錯誤,那麼專案的升級也就差不多了。

不過要注意,目前 Vue migration helper 還在 beta 階段,如果未來要再更新至新版的話,直接再次執行 npm install --global git://github.com/vuejs/vue-migration-helper.git 重新安裝一次就好。

最後,鄉親啊,如果你正要開啟新專案,建議現在就可以直接從 Vue 2.0 進入喔!