1. Vue框架介紹

• 2020 年 2 月 24 日
• 筆記

Vue相關網址

Vue官網

Vue的Github

Vue的官方擴展工具

Vue的官方論壇

什麼是Vue.js

• Vue.js 是目前最火的一個前端框架，React是最流行的一個前端框架（React除了開發網站，還可以開發手機App， Vue語法也是可以用於進行手機App開發的，需要藉助於Weex）
• Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，並成為前端三大主流框架！
• Vue.js 是一套構建用戶介面的框架，只關注視圖層，它不僅易於上手，還便於與第三方庫或既有項目整合。（Vue有配套的第三方類庫，可以整合起來做大型項目的開發）
• 前端的主要工作？主要負責MVC中的V這一層；主要工作就是和介面打交道，來製作前端頁面效果；

為什麼要學習流行框架

• 企業為了提高開發效率：在企業中，時間就是效率，效率就是金錢；
  • 企業中，使用框架，能夠提高開發的效率；
• 提高開發效率的發展歷程：原生JS -> Jquery之類的類庫 -> 前端模板引擎 -> Angular.js / Vue.js（能夠幫助我們減少不必要的DOM操作；提高渲染效率；雙向數據綁定的概念通過框架提供的指令，我們前端程式設計師只需要關心數據的業務邏輯，不再關心DOM是如何渲染的了）
• 在Vue中，一個核心的概念，就是讓用戶不再操作DOM元素，解放了用戶的雙手，讓程式設計師可以更多的時間去關注業務邏輯；

框架和庫的區別

• 框架：是一套完整的解決方案；對項目的侵入性較大，項目如果需要更換框架，則需要重新架構整個項目。
  • 例如：node 中的 express；
• 庫（插件）：提供某一個小功能，對項目的侵入性較小，如果某個庫無法完成某些需求，可以很容易切換到其它庫實現需求。
  • 1. 例如：從Jquery 切換到 Zepto
  • 1. 例如：從 EJS 切換到 art-template

後端中的 MVC 與 前端中的 MVVM 之間的區別

• MVC 是後端的分層開發概念；
• MVVM是前端視圖層的概念，主要關注於 視圖層分離，也就是說：MVVM把前端的視圖層，分為了 三部分 Model, View , VM ViewModel
• 為什麼有了MVC還要有MVVM