什麼是Vue.js
- Vue.js 是目前最火的一個前端框架，React是最流行的一個前端框架。
- Vue.js 是前端的主流框架之一，和Angular.js、React.js 一塊兒，併成爲前端三大主流框架！
- Vue.js 是一套構建用戶界面的框架，只關注視圖層，它不只易於上手，還便於與第三方庫或既有項目整合。
- Vue 核心的概念，就是讓用戶再也不操做DOM元素，提升渲染效率，前端程序員只須要關心數據的業務邏輯，再也不關係 DOM 是如何渲染的。
MVC 與 前端中的 MVVM 之間的區別
- MVC 是後端的分層開發概念；
- MVVM是前端視圖層的概念，主要關注於視圖層分離，也就是說：MVVM把前端的視圖層，分爲了 三部分 Model，View ，ViewModel。
Vue.js 基本代碼和 MVVM 之間的對應關係
Vue基本代碼中，#app的 div 是 Vue 實例所控制元素區域，對應 MVVM 結構中的V。new 出來的vm對象對應 MVVM中的VM。el: '#app'表示 Vue 實例要控制頁面的那個區域。data對應 MVVM 中的M，存放的是 el 中要用到的數據。javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- 導入Vue的包 -->
<script src="./lib/vue-2.4.0.js"></script>
</head>
<body>
<div id="app">
<p>{{ msg }}</p>
</div>
<script>
// 建立Vue實例
var vm = new Vue({
el: '#app',
data: {
msg: '歡迎學習Vue' // Vue不提倡操做DOM元素
}
})
</script>
</body>
</html>
插值表達式
插值表達式是指雙大括號表達式，如{{msg}}，data中的全部屬性，能夠直接在插值表達式中引用。html