vue簡介
-
Vue.js是一套構建用戶界面的漸進式框架。
-
與其他重量級框架不同的是，Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，並且非常容易學習，非常容易與其它庫或已有項目整合。另一方面，Vue 完全有能力驅動採用單文件組件和Vue生態系統支持的庫開發的複雜單頁應用。
-
Vue.js 的目標是通過儘可能簡單的 API 實現響應的數據綁定和組合的視圖組件 。
-
Vue.js 自身不是一個全能框架——它只聚焦於視圖層。因此它非常容易學習，非常容易與其它庫或已有項目整合。另一方面，在與相關工具和支持庫一起使用時，Vue.js 也能完美地驅動複雜的單頁應用。
-
Vue.js 是目前最火的一個前端框架，React是最流行的一個前端框架（React除了開發網站，還可以開發手機App， Vue語法也是可以用於進行手機App開發的，需要藉助於Weex）
-
Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，併成爲前端三大主流框架！
-
Vue.js 是一套構建用戶界面的框架，只關注視圖層，它不僅易於上手，還便於與第三方庫或既有項目整合。（Vue有配套的第三方類庫，可以整合起來做大型項目的開發）
-
前端的主要工作？主要負責MVC中的V這一層；主要工作就是和界面打交道，來製作前端頁面效果；
特點
易用
已經會了HTML,CSS,JavaScript？即刻閱讀指南開始構建應用。
靈活
簡單小巧的核心，漸進式技術棧，足以應付任何規模的應用。
性能
20kb min+gzip 運行大小、超快虛擬 DOM 、最省心的優化。
目錄結構
| 目錄/文件 | 說明 |
|---|---|
| build | 項目構建(webpack)相關代碼 |
| config | 配置目錄，包括端口號等。我們初學可以使用默認的。 |
| node_modules | npm 加載的項目依賴模塊 |
| src | 包含了幾個目錄及文件：assets: 放置一些圖片，如logo等。components: 目錄裏面放了一個組件文件，可以不用。App.vue: 項目入口文件，我們也可以直接將組件寫這裏，而不使用 components 目錄。main.js: 項目的核心文件。 |
| static | 靜態資源目錄，如圖片、字體等。 |
| test | 初始測試目錄，可刪除 |
| .xxxx文件 | 這些是一些配置文件，包括語法配置，git配置等。 |
| index.html | 首頁入口文件，你可以添加一些 meta 信息或統計代碼啥的。 |
| package.json | 項目配置文件。 |
| README.md | 項目的說明文檔，markdown 格式 |
Vue.js 的 API 是參考了AngularJS、KnockoutJS、Ractive.js、Rivets.js。
Vue.js 的 API 的對於其他框架的參考也只是參考，其中也包含了許多 Vue.js 的獨特功能。
爲什麼要學習流行框架
-
企業爲了提高開發效率：在企業中，時間就是效率，效率就是金錢；
-
企業中，使用框架，能夠提高開發的效率；
-
提高開發效率的發展歷程：原生JS -> Jquery之類的類庫 -> 前端模板引擎 -> Angular.js / Vue.js（能夠幫助我們減少不必要的DOM操作；提高渲染效率；雙向數據綁定的概念【通過框架提供的指令，我們前端程序員只需要關心數據的業務邏輯，不再關心DOM是如何渲染的了】）
-
在Vue中，一個核心的概念，就是讓用戶不再操作DOM元素，解放了用戶的雙手，讓程序員可以更多的時間去關注業務邏輯；
-
增強自己就業時候的競爭力
框架和庫的區別
-
框架：是一套完整的解決方案；對項目的侵入性較大，項目如果需要更換框架，則需要重新架構整個項目。
-
node 中的 express；
-
庫（插件）：提供某一個小功能，對項目的侵入性較小，如果某個庫無法完成某些需求，可以很容易切換到其它庫實現需求。
-
- 從Jquery 切換到 Zepto
-
- 從 EJS 切換到 art-template