什么是Vue.js
- Vue.js 是目前最火的一個前端框架，React是最流行的一個前端框架（React除了開發網站，還可以開發手機App，Vue語法也可以進行手機App的開發，需要借助Weex）
- Vue.js 是前端的主流框架之一，和Angular.js、React.js一起，並成為前端三大主流框架！
- Vue.js 是一套構建用戶界面的框架，只關注視圖層，它不僅易於上手，還便於第三方庫或既有項目整合。（Vue配套的第三方類庫，可以整合起來做大型項目的開發）
- 前端的主要工作？主要負責MVC中的V這一層；主要工作就是和界面打交道，來制作前端頁面效果；
為什么要學習流行框架
- 企業為了提高開發效率；在企業中，時間就是效率，效率就是金錢；
- 提高開發效率的發展歷程：原聲JS（各種瀏覽器存在兼容性問題） -> Jquery之類的類庫（頻繁操作dom元素，拼接dom） -> 前端模板引擎（數據更改整個頁面都要重新渲染） -> Angular.js/ Vue.js（能夠幫助我們減少不必要的DOM操作；提高渲染效率；雙向數據綁定的概念【通過框架提供的指令，我們前端程序員只需要關心數據的業務邏輯，不再關心DOM是如何渲染的了】）
- 在Vue中，一個和核心的概念，就是讓用戶不再操作DOM元素，解放了用戶的雙手，讓程序員可以更多的時間去關注業務邏輯；
- 增強自己就業時候的競爭力
框架和庫的區別
- 框架：是一套完整的解決方案；對項目的侵入性較大，項目如果需要更換框架，則需要重新架構整個項目
- 庫（插件）：提供某一個小功能，對項目的侵入性較小，如果某個庫無法完成某些需求，可以很容易切換到其他庫實現需求。
-
- 從Jquery 切換到 zepto
-
- 從 EJS 切換到 art-template
Node（后端）中的MVC與前端中MVVM之間的區別
- MVC 是后端的分層開發概念
- MVVM是前端視圖層的概念，主要關注於 視圖層分離，也就是說：MVVM把前端的視圖層，分為了 三部分Model，View，VM ViewModel
第一個Vue示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>01.Vue的基本代碼</title>
</head>
<body>
<!--將來 new 的 Vue 實例，會控制這個元素中的所有內容-->
<!--Vue 實例所控制的這個元素區域，就是我們的 V-->
<div id="app">
<p>{{msg}}</p>
</div>
<!--1. 導入Vue的包-->
<script src="lib/vue.js"></script>
<script>
// 2. 創建一個Vue的實例
// 當我們導入包之后，在瀏覽器的內存中，就多了一個Vue構造函數
// 注意：我們 new 出來的這個 vm 對象，就是我們 MVVM 中的VM調度者
var vm = new Vue({
el: '#app', // 表示，當前我們new的這個Vue實例，要控制頁面上的哪個區域
// 這里的 data 就是 MVVM 中的 M，專門用來保存每個頁面的數據
data: { // data 屬性中，存放的是 el 中要用到的數據
msg: '歡迎學習Vue' // 通過 Vue 提供的指令，很方便的就把數據渲染到頁面上，程序員不再手動操作DOM元素了【前端的Vue之類的框架，不提倡我們手動操作DOM元素了】
}
})
</script>
</body>
</html>
