首先咱們須要明白和理解jquery和vue的設計初衷和理念。
jquery官網給出的開篇介紹是,jquery是一個快,小,功能豐富的js庫,它讓html文檔遍歷和操做,事件處理,動畫,以及ajax等提供了簡單易用的API,而且能夠在衆多瀏覽器中使用。html
jQuery is a fast, small, and feature-rich JavaScript library. It makes
things like HTML document traversal and manipulation, event handling,
animation, and Ajax much simpler with an easy-to-use API that works
across a multitude of browsers.
全部js庫要解決的問題*: 簡單語法(查找DOM元素,對DOM元素進行操做)解決瀏覽器兼容性問題前端
jquery這個js庫比其餘js庫受歡迎的地方在於:全部一切都在jquery對象裏面,入口是查詢,結果是操做vue
庫,開發者自由控制,搭建前端
Vue (讀音 /vjuː/,相似於 view) 是一套用於構建用戶界面的漸進式框架。
全部js框架要解決的問題*: 應對需求變化,防止大面積重寫。讓開發者遵循框架的規範和規則構建項目,追求高效,團隊協做,代碼利用率和可擴展性
vue這個js框架比其餘js框架受歡迎的地方在於:jquery
組件化:一個大型頁面切分紅一個一個更小的可控單元;方便後續優化,使用組件能夠下降模塊耦合度,組件所依賴的資源所有封裝在組件內部調用。webpack
數據偵聽,雙向綁定:(js中有兩種方法能夠偵測到變化,object.defineProperty和ES6的proxy)vue使用的是object.defineProperty.
咱們之因此要觀察一個數據,是爲了當數據發生變化時,能夠通知到使用該數據的地方。先把使用該數據的地方收集起來(術語是收集依賴getter),當變化時,再觸發依賴setter
依賴收集到哪,數組Dep,存儲依賴。
數據變化時,咱們須要集中通知給各個地方,讓中介watcher來通知吧web
客戶端路由:單頁面應用,不作就不須要,一個url對應一個應用ajax
大規模狀態管理: 應用簡單時,一個基礎狀態和界面映射就能夠解決問題,應用很大時,涉及多人合做,須要多個組件之間共享,多個組件須要去改動同一份狀態,如何使大規模應用高效運行。vue-router
構建工具:打包和工程構建後端
漸進式vue框架,自底向上增量開發,爲何選擇vue而不是jquery數組
綜以上5點,我真的不知道有什麼理由不用vue,由於你用了vue,你也能夠用jquery啊,在vue中何時用Jquery會更高效,答案是動畫。由於vue側重數據。
參考文獻: