vue編程

1. vuejs在前端開發起到什麼作用

jQuery的諸多局限性導致前端工程師的發展受到了很多的限制，只能做一些表面性的工作，並不能實現前後端分離開發。

而近期出現的Vue，它給前端帶來了無限的可能和改變。

改變一：真正意義上的前端工程師

之前開發都是前端做靜態頁面，把頁面給到後台程序員改成jsp、php、asp等等...一頓亂改，一頓塞變數，做完以後頁面樣式亂七八糟，最後你再調整css。說白了你會html，css就行了，基本沒什麼門檻，可以這么說。

有了Vue和Node的前端工程化以後，前端工程師能做的事情越來越多，後台人員只需要拋過來一個Api，剩下的就可以都交給前端了。

改變二：服務端渲染VS客戶端渲染

傳統的jsp、php或是模板渲染也好，都是服務端渲染，就是客戶端一個請求，伺服器直接把整個頁面返回給你，簡單粗暴。（Spring Boot是通過模板引擎，由服務端完成的渲染工作）

但是vue開發是前後端分離開發，通過api進行交互，客戶端請求伺服器返回json數據，由客戶端進行渲染。

不僅減輕了伺服器的壓力速度更快而且渲染更加優雅，代碼更容易維護。

改變三：渲染優雅，代碼易維護

jQuery是通過DOM來控制數據，不僅笨重而且渲染數據特別麻煩，而 Vue是通過數據來控制狀態，通過控制數據來控制渲染，變數可以直接寫在標簽中，渲染更加優雅。

因為前端代碼和後台代碼都是分開的，所以項目更容易維護，開發效率更高。

改變四：項目工程化，結合npm直接安裝第三方庫

Vue讓前端項目更加工程化，同時也規范了前端工程師的代碼，而node和npm的加入才是vue能蓬勃發展的重要原因。

Node為Vue提供了本地server和模塊化開發的思路，npm更能安裝Vue項目需要的模塊，配合Vue使用，比如Moment.js Element ui vuex等等，這些第三方庫讓Vue有了無限的可能。

敲黑板（補充下）：傳統開發jQuery是命令式編程，現代框架開發是函數式編程。現代框架開發，可以使用Webpack（當然使用jQuery也可以使用Webpack），可以使用人家提供的現成的腳手架，比方說create-react-app，vue-cli。極大提高了開發的效率，並且可以使用最新的ES6、ES7語法進行開發，在編碼體驗上，就提高了一個檔次。

總結

知其然，知其所以然，沒有最好的框架，只有最合適的框架！

2. 前端學完vue學什麼

跟大家分享一份系統的web前端學習路線圖！
1、前端頁面重構。主要內容為PC端網站布局、HTML5+CSS3基礎、WebApp頁面布局。學習目標是完成PC端網站布局，WebApp頁面布局，還要可以通過HTML5+CSS3的2D、3D等屬性實現一些精美的動畫效果。
2、JavaScript高級課程、PC端全棧項目開發。主要內容為原生JavaScript、面向對象進階與ES5/ES6應用、JavaScript工具庫自主研發、JQuery經典交互特效開發、HTTP協議、Ajax進階與後端開發、前端工程化與模塊化應用以及AngularJS等。學習目標是可以通過原生JavaScript開發交互功能，實現網站上的交互效果，以及模塊化應用等，實現完整的前端工程。
3、Web前端框架、混合開發(Hybrid，RN)、大數據可視化。主要內容為Node.js後端開發、Vue.js前端框架、React前端框架、混合開發(Hybrid，RN)、Angular前端框架、大數據可視化等。學習目標是可以獨立完成相應的項目，如場景，應用Vue.js/Ionic/React.js等框架開發WebApp，小程序項目開發，以及各類混合應用項目開發等。
以上就是為大家規劃的學習路線，相信學完該課程即使是零基礎的小白，也能熟練掌握移動Web網頁開發、JavaScript網頁編程、前後端交互、微信小程序項目開發，以及各類混合應用項目開發等核心技能，勝任前端開發工程師的崗位。

3. vue什麼時候火起來的

vue是2016年火起來的。2016年最火的前端框架當屬Vue.js了，很多使用過vue的程序員這樣評價它，vue.js兼具angular.js和react.js的優點，並剔除了它們的缺點，授予了這么高的評價的vue.js，也是開源世界華人的驕傲，因為它的作者是位中國人尤雨溪。

vue的優點

1、輕量級框架

只關注視圖層，是一個構建數據的視圖集合，大小隻有幾十kb，Vue.js通過簡潔的API提供高效的數據綁定和靈活的組件系統。

2、簡單易學

國人開發，中文文檔，不存在語言障礙，易於理解和學習。

3、雙向數據綁定

也就是所謂的響應式數據綁定。這里的響應式不是媒體查詢中的響應式布局，而是指vue.js會自動對頁面中某些數據的變化做出同步的響應。

也就是說，vue.js會自動響應數據的變化情況，並且根據用戶在代碼中預先寫好的綁定關系，對所有綁定在一起的數據和視圖內容都進行修改，

而這種綁定關系，就是以input 標簽的vmodel屬性來聲明的，因此你在別的地方可能也會看到有人粗略地稱vue.js為聲明式渲染的模版引擎。

這也就是vue.js最大的優點，通過MVVM思想實現數據的雙向綁定，讓開發者不用再操作dom對象，有更多的時間去思考業務邏輯。

4、組件化

在前端應用，我們是否也可以像編程一樣把模塊封裝呢？這就引入了組件化開發的思想，Vue.js通過組件，把一個單頁應用中的各種模塊拆分到一個一個單獨的組件中，我們只要先在父級應用中寫好各種組件標簽。

並且在組件標簽中寫好要傳入組件的參數，就像給函數傳入參數一樣，這個參數叫作組件的屬性，然後再分別寫好各種組件的實現填坑，然後整個應用就算做完了。

5、視圖，數據，結構分離

使數據的更改更為簡單，不需要進行邏輯代碼的修改，只需要操作數據就能完成相關操作。

6、虛擬DOM

現在的網速越來越快了，很多人家裡都是幾十甚至上百M的光纖，手機也是4G起步了，按道理一個網頁才幾百K，而且瀏覽器本身還會緩存很多資源文件，那麼幾十M的光纖為什麼打開一個之前已經打開過，已經有緩存的頁面還是感覺很慢呢。

這就是因為瀏覽器本身處理DOM也是有性能瓶頸的，尤其是在傳統開發中，用JQuery或者原生的JavaScriptDOM操作函數對DOM進行頻繁操作的時候，瀏覽器要不停的渲染新的DOM樹，導致頁面看起來非常卡頓。

而VirtualDOM則是虛擬DOM的英文，簡單來說，他就是一種可以預先通過JavaScript進行各種計算，把最終的DOM操作計算出來並優化，由於這個DOM操作屬於預處理操作，並沒有真實的操作DOM，所以叫作虛擬DOM。

最後在計算完畢才真正將DOM操作提交，將DOM操作變化反映到DOM樹上。

7、運行速度更快

像比較與react而言，同樣都是操作虛擬dom，就性能而言，vue存在很大的優勢。

4. vue要學多久才能用

主要是看你要學到什麼程度：
如果你去觀察那些前端負責人，前端架構師，除了技術層面，他們在設計模式，思維以及對軟體工程的理解都是很優秀的。而這些的前提還是基礎先扎實，再去打上層建築。我們需要學習哪些：1. JavaScript的運行機制，作用域，原型鏈，變數特點等底層原理。2. 設計模式，架構思維，編程思想，軟體工程的常見問題。
我們都會寫路由。但是你知道路由如何寫才能保證多路由模塊解耦，保證更方便增加新的路由模塊嗎？我們都會對Vue項目最後打包上線。但是你知道如何編寫配置文件能讓打包速度最優化嗎？我們都會寫組件。但是你知道怎麼讓組件能夠成為高復用性的組件庫型組件嗎？諸如此類的問題，是實踐中區分前端水平高低的最重要因素，也是很多前端程序員遲遲等不到大廠offer，突破不到高級前端的重要因素。
對很多人來說很為難的一點是，中小公司工作的程序員，寫著平時的業務代碼，很少有機會接觸到大廠的優秀實踐。如果大家以後有機會學習到此類的東西，無論如何一定不要錯過。
各位前端的朋友，真心建議大家不要把自己鎖在會了Vue，安心寫業務代碼的思維里。

5. vue好學嗎

任何編程或者說任何技能，入門簡單，精通難，vue也是，唯一的技巧就是多練習，實戰項目