javascript - jquery舊專案怎麼用新技術重構？
想用vue重建舊項目，jq寫的，該如何著手？
代言2017-07-05 11:03:14
jquery只是一個庫，而vue是一個框架，決定了用vue重構，就意味著你必須使用它的寫法來書寫項目。
雖然vue和jquery本身並不排斥，我也在vue中使用過jquery，但是也僅限於一些比較特殊的場景。整個專案仍然是以vue為核心的。
所以，你想要用vue重構舊項目，html部分變化可能不大，但是業務代碼邏輯基本上就需要完全推倒重新設計了。
欧阳克2017-07-05 11:03:14
如果實作過類似的簡單框架，你會發現，Vue 和 jQuery 本質的差別在於對 UI 邏輯的不同組織方式。
jQuery 純粹是原始 DOM API 的語法糖大合集，而 Vue 則是一個強調透過 MVVM（而不是 MVC！）的組織形式來分離【HTML 模板】和【UI 交互】邏輯的框架。 MVVM 的資料綁定語法使得在舊專案中引入Vue 時，其（實際上先進了非常多的）程式碼組織形式會非常強勢地排斥jQuery（換句話說，用到Vue 的專案基本上沒有使用jQuery 的必要，二者並存不是好的選擇）。
這時，一個既有利於提高效率又不會過於激進的方案是，引入【能夠優化jQuery 麵條程式碼組織結構的簡單MVC 框架】，這種框架沒有VM 這種框架自帶的語法，相應邏輯仍然需要使用jQuery 實作。同時，這類框架也比 Vue 還要輕得多，如 Backbone 只有 10k 的量級。建議作為舊項目中的優化方案漸進引入。