首先，你得擯棄DOM的思想，二，你要了解AMD, COMMON.JS,ES6,這些瞭解就好，知道require，import的作用。三，工具的使用和檔案的配置，node.js執行環境，npm包管理器，webpack模組管理工具(如果你是用webpack)，Vue-cli，專案生成器。四，資料驅動思想，啥都可以用資料來繫結表現，而且資料的響應的。五，手寫的給個讚唄！

關鍵是要明確jquery與vuejs的設計差別。

１）jquery依然依靠豐富的dom操作去組合業務邏輯，當業務邏輯複雜的時候，每行程式碼都會有不知所云的感覺。因為:

JQuery模式是選擇jQuery某樣事情，然後從API的方法做你選擇的事情。這一模式的問題是，我們現在有一個扁平的、有超過100個的方法，從AJAX到陣列一維迭代。僅僅使用這麼多方法的名稱描述就能足以區分他們所做的和他們的返回的是不可能的。詳細說，一般開發人員需要掌握下面的４點：DOM節點的選擇、事件處理、檔案的載入過程和回撥。如果你沒有學會所有這些東西，那麼你不會明白你寫的Jquery程式碼。詳細說就是你要選擇一個DOM元素實現操作並完成業務，你需要jQuery構造器$（"…"）。有時你不能確定到底你會得到什麼節點，你需要使用CSS3-like選擇器建立一個合適的過濾器，執行時才能確定。要做到這一點，你需要建立一個DOM複製和模擬執行你的濾波器會對它做些什麼。當你編寫更新DOM的每個方法時，你必須同樣地更新你的DOM複製和考慮如果你的過濾器仍然如預期一樣正常工作。

VueJS.是首先把值和js物件進行繫結，然後修改js物件的值，Vue框架就會自動把dom的值就行更新。可以簡單的理解為Vue幫我們做了dom操作，我們以後用Vue就需要修改物件的值和做好元素和物件的繫結，Vue這個框架就會自動幫我們做好dom的相關操作.這種dom元素跟隨JS物件值的變化而變化叫做單向資料繫結，如果JS物件的值也跟隨著dom元素的值的變化而變化就叫做雙向資料繫結.

在資料驅動的時候,並沒有操作dom節點,也沒有偵聽任何的事件,這些框架都為我們做好了,框架採用一種資料繫結的方式,自動繫結dom節點的屬性.這樣就把你從操作dom節點的繁瑣過程中解脫出來了,你只要專注於資料的狀態,ui更新的事情你不需要去管了,不過是樣式還是內容,可見性還是切換class,框架幫你把關注點從傳統的dom操作轉移到了資料,迴歸程式設計的本質:資料結果+演算法.

總之，這就是下面“通往全棧之路”所說的，擯棄DOM的思想，要了解AMD, COMMON.JS,ES6,這些瞭解就好，知道require，import的作用。工具的使用和檔案的配置，node.js執行環境，npm包管理器，webpack模組管理工具(如果你是用webpack)，Vue-cli，專案生成器。資料驅動思想，啥都可以用資料來繫結表現，而且資料的響應的