前端開發者最主要的工作，就是為網站的使用者(又稱為：網站的用戶)構建出美觀、舒適、好用的網頁。vue的出現，逐漸替代了傳統的jQuery + 模板引擎構建頁面方式，逐漸成為在構建用戶界面方面的主流開發框架。下面就來看一下與vue框架傳統開發框架相比有哪些優缺點。

jQuery + 模板引擎構建頁面

在傳統的Web 前端開發中，是基于jQuery + 模板引擎的方式來構建用戶界面的。

編寫結構：
基于模板引擎技術，把數據渲染到頁面上。

優點：初步解放了前端開發者，從此不用手動拼接字符串來渲染網頁結構了。

缺點：1.需要定義大量的模板結構;2.缺少語法高亮和智能提示;3.數據變化時需要重新調

用模板編譯的函數，否則頁面結構不會更新;

美化樣式：
基礎css樣式，美化網頁的可視化效果。

處理交互：
基于jQuery技術，處理用戶和網頁之間的交互行為。

優點：屏蔽了DOMAPI之間的兼容性，提高了DOM操作的效率和體驗。

缺點：當業務復雜時、數據變化頻繁時，前端程開發者需要把大量的時間和精力浪費在DOM 的操作上，而不是核心業務的處理上。

vue 構建用戶界面

使用 vue 構建用戶界面，解決了 jQuery + 模板引擎 的諸多痛點，極大的提高了前端開發的效率和體驗。

編寫結構：

基于vue中提供的指令，可以方便快捷的渲染頁面的結構(樂不思蜀)。數據驅動視圖(只要頁面依賴的數據源變化，則頁面自動重新渲染) 指令是vue為開發者提供的模板語法，用來輔助開發者渲染頁面的結構。

美化樣式：

基礎CSS樣式，美化網頁的可視化效果。

處理交互：

基于vue中提供的事件綁定，可以輕松處理用戶和頁面之間的交互行為。開發者把工作的重心放在核心業務的實現上。