Vue學習日記（一）——Vue介紹

前言

本人學習了一段時間的vue，並嘗試寫了一些小Demo以後，將vue投入了幾個項目以後，一直在邊學習邊使用，通過看了vue,vuex,vue-router的官方文檔和慕課網上的一些實戰視頻以後，深有體會，故此寫下這些文章。

前端框架比較

其實的話，前端有不少的框架，不少初學前端的人可能沒有接觸到框架，覺得框架是很高大上的東西，就我我的而言，我是遵從師姐的學習路線開始學習前端的，一開始的時候接觸的就是html,css,js這些基本語言，對於框架，一直是以爲很高大上的東西。後來，通過長時間的與框架打交道以後，也明白了，基礎對於前端開發者是很重要的，框架也就只是將你會複用的代碼進行包裝起來方便你的使用，最重要的仍是基礎。

目前前端開發有不少的框架在市面上，其實說是框架，若是從C語言java語言那些語言來講，也就是庫，一些封裝好的東西，告訴你用法，就能夠簡單的實現一個簡單的項目了。若是想更加了解前端框架，建議能夠百度百度，或者看這篇知乎討論，點擊裏面的文章看看，引用一下這裏的一張圖片展現一下目前的前端框架。

是的這只是部分前端框架，就我我的以爲，目前前端框架的三大巨頭也就只是
vue,react,angular（順序與排名無關）。

各個框架都有本身擅長的一方面：

• vue擅長單頁面多路由的開發
• react適合多頁面，手機app還有一些大型的開發
• angular系統比較完善，適合快速搭建產品的原型

可是也各有各的劣勢：

• vue並不特別適合多頁面的開發
• react在單頁面開發性能並不比vue好，由於vue比較輕便
• angular不適合程序員去自我發揮不少，由於其基本配置好餓了不少東西

固然，以上也都只是我的的看法而已，有錯誤還望包涵指正，關於他們的社區，就很少作介紹了，三大框架社區都比較完善。

Vue的優點

Vue.js是一個輕巧、高性能、可組件化的MVVM庫，若是你不懂什麼是mvvm模式能夠看一下這篇文章我的以爲比較容易理解，同時擁有很是容易上手的API；

• Vue.js是一個構建數據驅動的Web界面的庫。
• Vue.js是一套構建用戶界面的 漸進式框架。與其餘重量級框架不一樣的是，Vue 採用自底向上增量開發的設計。
• Vue 的核心庫只關注視圖層，而且很是容易學習，很是容易與其它庫或已有項目整合。
• 另外一方面，Vue 徹底有能力驅動採用單文件組件和Vue生態系統支持的庫開發的複雜單頁應用。

簡單的說，Vue.js是一個構建數據驅動的 web 界面的漸進式框架。Vue.js 的目標是經過儘量簡單的 API 實現響應的數據綁定和組合的視圖組件。核心是一個響應的數據綁定系統

Vue.js的特性以下：

1. 輕量級的框架
2. 雙向數據綁定
3. 指令
4. 插件化

Vue漸進式框架

爲何說vue是漸進式框架呢？

其實vue的官方首頁就說了，vue,漸進式JavaScript 框架

其實嚴格的說，vue並非一個框架，他只是一個庫，和jq同樣，能夠操做dom的庫，不一樣的是vue操做的是虛擬dom，至於什麼是虛擬dom我會在下篇文章繼續介紹。

vue並非框架，只是和他旁邊的生態環境組成了一個框架，下面，貼一個官方的漸進式框架介紹圖吧，方便理解。

正如上圖解釋，一個vue漸進式框架就是由

1. 聲明式渲染vue.js
2. 組件系統element-ui（也能夠用bootstrap等，可是建議仍是用這個，由於其餘的還要下載其餘的dom庫）
3. 客戶端路由vue-router
4. 大型狀態管理vuex
5. 構建工具webpack

Vue全家桶

Vue著名的全家桶其實就是，包含了vue-router，vuex， vue-resource（如今基本不用，而是用更爲簡單的axios）。再加上構建工具vue-cli，就是一個完整的vue項目的核心構成。

同時，在vue調試方面，能夠選擇安裝chrome插件vue Devtools，以及有專門的組件庫elment-ui，輕輕鬆鬆就能夠完成一個較大型的項目

總結

vue我的以爲是很不錯的框架，特別仍是國內牛人發佈的，接下來還會有vue一系列的文章，以及vue+axios+mysql+node+express全棧實現一個系統的文章，去更加深刻的瞭解vue。固然還有更加深刻的理解，你們也能夠看看官方文檔，都介紹的很充分了。