Vue（一）、Vue概述和入門

1、什麼是Vue.js

• Vue.js是目前最火的一個前端框架，React是最流行的一個前端框架（React除了開發網站，還可以開發手機App，Vue語法也是可以用於進行手機App開發的，需要藉助於Weex）

• Vue.js是前端的主流框架之一，和Angular.js、React.js一起，併成爲前端三大主流框架！

• Vue.js是一套構建用戶界面的框架，只關注視圖層，它不僅易於上手，還便於與第三方庫或既有項目整合。（Vue有配套的第三方類庫，可以整合起來做大型項目的開發）

• 前端的主要工作？主要負責MVC中的v這一層！主要工作就是和界面打交道！

2、爲什麼要學習流行框架

• 企業爲了提高開發效率：在企業中，時間就是效率，效率就是金錢！

  • 企業中，使用框架，能夠提高開發的效率！

• 提高開發效率的發展歷程：原生JS ==> Jquery之類的類庫 ==> 前端模板引擎 ==> Angular.js / Vue.js（能夠減少不必要的DOM操作，提高渲染效率！雙向數據綁定的概念【通過框架提供的指令，前端程序員只需要關心數據的業務邏輯，不再關心DOM是如何渲染的了】）

• 在Vue中，一個核心的概念，就是讓用戶不再操作DOM元素，解放了程序員的雙手，讓程序員可以更多的時間去關注業務邏輯！

3、框架和庫的區別

• 框架：是一套完整的解決方案！對項目的侵入性較大，項目如果需要更換框架，則需要重新架構整個項目。

  • node中的express！

• 庫（插件）：提供某一個小功能，對項目的侵入性較小，如果某個庫無法完成某些需求，可以很容易切換到其他庫實現需求。

  • 從 Jquery 切換到 Zepto
  • 從 EJS 切換到 art-template

4、Node（後端）中的MVC與前端中MVVM之間的區別

• MVC 是後端的分層開發概念（請查看Node相關知識）

  • view層
  • app.js
  • router.js
  • controller層
  • model層

• MVVM是前端視圖層的概念，主要關注於 視圖層分離，也就是說：MVVM把前端的視圖層，分爲了三部分 Model，View，VM ViewModel

  • Model層：保存每個頁面單獨的數據。
  • View層：就是每個頁面HTML結結構。
  • VM層：ViewModel，是MVVM思想的核心，因爲VM是Model層和View層之間的調度者。每當v層要獲取或保存數據，都要經過vm做中間的處理。

• 爲什麼有了MVC還要有MVVM?

  • 前端頁面中使用mvvm思想，主要是爲了開發更加方便。因爲mvvm爲我們提供了數據的雙向綁定。數據的雙向綁定是由VM提供的。