84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
想用vue重建舊項目,jq寫的,該如何著手?
jquery只是一個庫,而vue是一個框架,決定了用vue重構,就意味著你必須使用它的寫法來書寫項目。
jquery
vue
雖然vue和jquery本身並不排斥,我也在vue中使用過jquery,但是也僅限於一些比較特殊的場景。整個專案仍然是以vue為核心的。
所以,你想要用vue重構舊項目,html部分變化可能不大,但是業務代碼邏輯基本上就需要完全推倒重新設計了。
vue 只支援 IE9 以上的瀏覽器,jQuery 可以支援 IE6,注意是否有瀏覽器版本的需求
如果實作過類似的簡單框架,你會發現,Vue 和 jQuery 本質的差別在於對 UI 邏輯的不同組織方式。
jQuery 純粹是原始 DOM API 的語法糖大合集,而 Vue 則是一個強調透過 MVVM(而不是 MVC!)的組織形式來分離【HTML 模板】和【UI 交互】邏輯的框架。 MVVM 的資料綁定語法使得在舊專案中引入Vue 時,其(實際上先進了非常多的)程式碼組織形式會非常強勢地排斥jQuery(換句話說,用到Vue 的專案基本上沒有使用jQuery 的必要,二者並存不是好的選擇)。
這時,一個既有利於提高效率又不會過於激進的方案是,引入【能夠優化jQuery 麵條程式碼組織結構的簡單MVC 框架】,這種框架沒有VM 這種框架自帶的語法,相應邏輯仍然需要使用jQuery 實作。同時,這類框架也比 Vue 還要輕得多,如 Backbone 只有 10k 的量級。建議作為舊項目中的優化方案漸進引入。
局部重構,局部模組或局部插件重構,確保專案的正常運作下,局部將jQuery替換vue
jQuery
jquery
只是一個庫,而vue
是一個框架,決定了用vue
重構,就意味著你必須使用它的寫法來書寫項目。雖然
vue
和jquery
本身並不排斥,我也在vue
中使用過jquery
,但是也僅限於一些比較特殊的場景。整個專案仍然是以vue
為核心的。所以,你想要用
vue
重構舊項目,html部分變化可能不大,但是業務代碼邏輯基本上就需要完全推倒重新設計了。vue 只支援 IE9 以上的瀏覽器,jQuery 可以支援 IE6,注意是否有瀏覽器版本的需求
如果實作過類似的簡單框架,你會發現,Vue 和 jQuery 本質的差別在於對 UI 邏輯的不同組織方式。
jQuery 純粹是原始 DOM API 的語法糖大合集,而 Vue 則是一個強調透過 MVVM(而不是 MVC!)的組織形式來分離【HTML 模板】和【UI 交互】邏輯的框架。 MVVM 的資料綁定語法使得在舊專案中引入Vue 時,其(實際上先進了非常多的)程式碼組織形式會非常強勢地排斥jQuery(換句話說,用到Vue 的專案基本上沒有使用jQuery 的必要,二者並存不是好的選擇)。
這時,一個既有利於提高效率又不會過於激進的方案是,引入【能夠優化jQuery 麵條程式碼組織結構的簡單MVC 框架】,這種框架沒有VM 這種框架自帶的語法,相應邏輯仍然需要使用jQuery 實作。同時,這類框架也比 Vue 還要輕得多,如 Backbone 只有 10k 的量級。建議作為舊項目中的優化方案漸進引入。
局部重構,局部模組或局部插件重構,確保專案的正常運作下,局部將
jQuery
替換vue