主要區別:
1的傳統方式:搭建壹個網站，我們先創建幾個文件夾(css，js等。)，並將頁面需要的所有資源文件放在各自的文件夾中。然後創建若幹HTML頁面，把這些頁面壹個個串起來就可以了。頁面中需要什麽事件或效果，要麽使用原生js，要麽使用jqurey，來操作壹個dom，實現頁面的改變。
調試也很簡單。如果網頁是靜態的，瀏覽器可以直接運行調試。Asp，jsp，php，。net等動態網站，只需簡單配置iis或Tomcat就可以直接調試。
2vue(這裏以vue腳手架為例):
vue和傳統最大的區別就是vue只有壹個html頁面(也就是入門頁面，妳也可以理解為主頁面)。除了主頁，其他所有頁面都是html片段，以及帶後綴的片段文件。vue存在。用戶在訪問網站時，第壹次加載完整的主頁面，後續的點擊其實只是改變html的片段。(有點像老程序員對局部刷新的理解)
所以vue特別適合做手機項目，因為它只需要根據用戶的點擊來加載需要的片段。因為妳不需要壹頁壹頁的請求新頁面，這個機制會讓手機項目運行的非常流暢。
但是它的優點也是它的缺點。vue項目的特點決定了它不適合做網站。稍微懂點seo的人都知道，機器人是爬不到這種機制制作的網站上的任何內容的。
vue的部署也讓我很受詬病，部署起來很麻煩。需要先安裝Nodejs，可以暫時理解為類似於iis Tomcat的網站發布容器。因為只有在nodejs下才能調試vue腳手架項目。
Nodejs安裝好了，然後在cmd命令行下，通過npm命令安裝了很多各種庫插件。
做完這些之後，您可以用壹個命令創建壹個vue腳手架，然後開始您的項目開發之旅。
很多老程序員都被“vue腳手架”這個詞搞糊塗了。簡單來說，上面有很多東西，就是為了最後敲壹個命令，讓系統幫妳在指定位置創建壹組文件夾，然後把vue能用的各種js(壹百多個)組件放在這些文件裏，供妳開發。
和妳之前的操作相比，相當於:妳建立壹個文件夾，把jqurey放在js文件夾，妳平時的js。
所以這壹套步驟，我壹開始不習慣，可能很多老程序員也不習慣。會給妳壹種“為了做壹個小項目，必須先配置壹個大廠”的感覺。
其實很多老程序員都是從小項目草根出來的，生成、團隊合作、前端分離之類的話題都不是這些程序員關心的。他們往往是美工和程序員，前端和後端都有。幾乎都是以快速交付項目為主，不想為了壹個環境而折騰。所以暫時適應不了vue的開發模式。
另外，如果妳的項目是高度定制的。個人還是建議用獨立html的傳統方式開發。
如果是移動開發，vue確實是最好的選擇。對了，vue和小程序幾乎是壹模壹樣的套路，都可以。
從拒絕到接受也花了我兩天時間。目前運行良好。
使用框架不會改變妳的技能。相反，框架可以讓妳更方便快捷地實現壹些功能。
框架的出現使得開發變得更加容易。試想壹下，如果vue沒有nodejs的支持，妳還會用嗎？各種依賴和配置都需要自己搭建，會把大量時間花在沒用的地方，忽略了可能需要實現的需求。
如果妳覺得使用各種框架降低了妳的能力。那只能說妳自己的能力有待提高。
提高技能，不壹定要懂很多編程語言，需要懂思路。那麽在使用vue的時候，妳有沒有想過vue為什麽要這樣設計，這樣設計有什麽好處，如果我是妳，我會怎麽設計？
如果妳專註於前端開發，妳可以嘗試自己實現壹個vue作為妳的技術升級。
問提問者壹個問題。使用jquery後有沒有覺得自己的技能下降了？
壹些個人觀點，歡迎討論！
我只是寫框架來造輪子。框架的出現確實會削弱程序員的能力，讓他變成框架操作者。比如spring java的出現，使得後臺開發者不需要了解epoll tcp的底層原理，以及條件變量信號量* * *是如何享受內存實現進程間通信的。但是框架是我們的開發效率更好，主體可以逆向思考。java c的出現減少了我們對計算機底層指令的理解。為什麽不用匯編編程呢？不要太在意技術。能在本省實現目標的才是好技術。
大家要記住:和建築壹樣，程序員和水泥工只是這個行業的底層人。我們在追求技術的時候，要想想在外人面前水泥工比砌磚技術好的場景，這樣才不會執著。
Vue是三大前端框架之壹。在日常開發工作中，方便我們快速搭建前端框架，快速啟動項目進入詳細開發。用久了，妳會更加依賴框架。
我們都知道人生有三個層次:第壹個層次是看山，水是水；二樓，看山不是山，看水不是水；三樓，看山還是山，看水還是水。就像人生的境界，妳其實已經達到了第二種境界。
開發能力也主要分為三個層次。
第壹，從零開始，手工開發。
這個境界是新手。這個時候妳可能只知道HTML，CSS，js。根本不了解背後的框架，所以這個時候需要自己搭建框架，手工編寫頁面路由，手工完成頁面適配。這時候恐怕頁面上壹個旋轉木馬就夠我腦子用了，寫這個旋轉木馬要花壹天甚至更長的時間。
這個階段相當於妳小時候學走路的階段。只有學會走路，才會有下面的跑跳動作。我記得我在學前端的時候，在這個第壹階段，我很苦惱。為什麽我花了很長時間寫了壹個簡單的頁面，花了很長時間寫了壹個組件，壹個下拉框，壹個三級菜單欄？等我熬過這個階段，我就豁然開朗了。
第二，應用框架，插件，快速開發。
第壹階段過後，我逐漸接觸到了應用框架和壹些組件。以這個vue為例，可能十分鐘就能輕松啟動壹個項目。在第壹階段，可能需要兩三天來構建項目。
那麽很多組件就不需要自己寫了。有豐富的前端UI組件、輪播圖、自適應頁面布局和各種按鈕。只需拖放它們，幾分鐘就能完成。
這時候工作已經進入了舒適區，達到了自我滿足的狀態。不知道在這個境界裏，壹不小心就可能在這裏浪費了。還有第三界等著妳。
第三，從零開始，手工制作輪子。
到了這裏可能有人會問，這也是能量的開始，為什麽和第壹個境界不壹樣？
那真的不壹樣。過了第二關，為什麽還要回去從頭開始？這不是倒退，而是進步。第二階段，妳的生活很難拉動。妳會發現妳的開發工作已經不能滿足了。因為這裏的許多開發都局限於這些框架，如果妳想創建不同的風格，妳需要從頭開始構建輪子。
妳需要用原來底層的東西做自己的東西，自己寫框架和組件。妳寫的這些東西都是妳自己的，已經和別人不壹樣了。
當然，這第三個層次也不是那麽容易達到的。有的人需要花三到五年，有的人需要花幾十年。
所以當妳熟練使用這些框架的時候，妳發現妳的編程能力很弱，這是在告訴妳，妳需要學習更多的東西，這樣妳才能成功達到開發的第三個層次。
Vue就是讓問題復雜化，讓妳忘記自己的目的是什麽的東西。面試的時候遇到了精通vue直傳的人。這樣的人沒用。
vue的世界全是組件。現在編程和閉門造車的時代已經過去了，不如我們更方便的實現功能。類比制造業，我不能說我要做汽車，但是我要先挖鐵種橡膠，我失去了不必要的能力，比如采礦能力，耕地能力。什麽框架能提高我們的效率，就是好框架。
堅持JSP+H5
妳為什麽沒有意識到？讓妳能力下降的是妳的懶惰和缺乏學習的欲望，而不是壹個優秀的框架。框架的初衷是提高生產效率，減輕開發人員的壓力，提高開發人員的幸福感，但與幫助妳提高編程水平無關。對於那些足夠優秀的人來說，他們有資格讓自己的工作變得更快樂，甚至可以通過自己開發很多優秀的工具框架來達到這個目的，但是那些不夠優秀的人，除非不想進步，否則是沒有資格的。所以，妳這個問題很不合邏輯。如果擁有壹支槍讓妳戰鬥力下降，那是妳的問題，不是槍的問題。如果擁有壹輛車降低了妳的運動能力，那是妳的問題，不是車的問題。妳可以接受這種下降，不認為這是壹件壞事，但請不要讓壹個工具替妳背黑鍋！
不是vue讓妳能力下降，是妳天生就弱。很多人學vue都是壹知半解。如果妳做壹個簡單的增刪改查詢，妳會覺得自己很精通。連html，css，js的基礎都很快。掌握不好，就會撿壹個vue之類的框架。沒有現成的組件庫，什麽都寫不出來。Vue並不是要取代這些基本功，而是為有能力的人提供更便捷的工具。有人噴jquery過時，怕是連vue和jquery的本質區別都不知道，也不知道適合的場景。不是vue讓人能力下降，而是妳根本沒有接觸過復雜的需求，或者因為妳弱，根本不會接觸復雜的需求。
這個問題就像用jquery感覺我們對原生js的理解很膚淺。框架和庫是為了幫助我們提高開發效率而設計的，這往往讓我們忽略了本質的技術。這就是問題所在，所以當妳把庫和框架拋在腦後很久的時候，妳會發現妳不會寫代碼。