前言
Vue的一些理論點，學習Vue的一些前置知識
更多可查看官方文檔：Vue
博客地址：芒果橙的個人博客 【http://mangocheng.com】
一、介紹
1.概念
-
Vue是一套用於構建用戶界面的漸進式框架
-
與其他大型框架不同的是，Vue被設計爲可以自底向上逐層應用
-
核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合
-
漸進式框架，隨時可根據需要安裝插件
-
SPA：single-page application-單頁應用
一種特殊的 Web 應用。它將所有的活動侷限於一個Web頁面中，僅在該Web頁面初始化時加載相應的HTML、JavaScript 和 CSS。一旦頁面加載完成了，SPA不會因爲用戶的操作而進行頁面的重新加載或跳轉。而是利用 JavaScript 動態的變換HTML的內（採用的是div切換顯示和隱藏），從而實現UI與用戶的交互。由於避免了頁面的重新加載，SPA 可以提供較爲流暢的用戶體驗。得益於ajax，我們可以實現無跳轉刷新，又多虧了瀏覽器的histroy機制，我們用hash的變化從而可以實現推動界面變化。
2.特點
-
聲明式渲染：Vue.js的核心是一個允許採用簡潔的模板語法來聲明式地將數據渲染進DOM的系統，數據變化實時響應視圖
-
提供了響應式（Reactive）和組件化（Composable）的視圖組件
-
將注意力集中保持在覈心庫，而將其他功能如路由和全局狀態管理交給相關的庫
-
組件化應用構建：組件系統是Vue的另一個重要概念，因爲它是一種抽象，允許我們使用小型、獨立和通常可複用的組件構建大型應用。仔細想想，幾乎任意類型的應用界面都可以抽象爲一個組件樹。
3.使用方式
- 單獨引入的方式：html中<scrip>標籤
<script src="vue.min.js"></script>
- 官方腳手架（Vue-cli）創建
vue init webpack vuetest
二、開發環境
爲了搭建VUE 項目，一般我們採用第二種方式構建。這邊前端的技術棧一般都會涉及到這幾個技術：NPM、Webpack、vue-cli。我們這邊先了解一下這些技術的作用。
1. NPM
- 打開了連接整個 JavaScript 天才世界的一扇大門
- 世界上最大的軟件註冊表
- 來自各大洲的開源軟件開發者使用 npm 互相分享和借鑑。包的結構使開發者能夠輕鬆跟蹤依賴項和版本
- 可以理解爲JavaScript的包管理器，每個包都是個組件或模塊，開發者可以下載使用
2. Webpack
- 現代 JavaScript 應用程序的靜態模塊打包器(module bundler)
- Webpack處理應用程序時，它會遞歸地構建一個依賴關係圖(dependency graph)，其中包含應用程序需要的每個模塊，然後將所有這些模塊打包成一個或多個 bundle
3.Vue-cli
- Vue 構建的腳手架，可以快速生成所需要的VUE 項目目錄及相關配置