VUE 簡介
什么是VUE?
VUE是一個基于MVVM設(shè)計模式的漸進式（融合）的純前端JS框架，基于此框架我們可以讓客戶端的操作更簡單开瞭。
如何理解框架懒震？
什么場景使用VUE？
絕大多數(shù)以數(shù)據(jù)操作（增刪改查）為主的PC端或移動端項目都可用vue開發(fā)比如: 美團嗤详，餓了么个扰，淘寶，知乎葱色，大眾點評递宅，微博...
VUE 快速入門
官方j(luò)s文件下載
cn.vuejs.org
業(yè)務(wù)及代碼實現(xiàn)
構(gòu)建HTML頁面，呈現(xiàn)如下效果，并在圖中點擊加办龄，減按鈕時實現(xiàn)中間數(shù)字的變化（要求基于vue技術(shù)進行實現(xiàn)）烘绽。
第一步：定義HTML頁面并引入vue.js文件。
<!DOCTYPE html>
<html lang="en">
<head>
? <meta charset="UTF-8">
? <title>Document</title>
? <script src="/js/vue.js"></script>
</head>
<body>
</body>
</html>
第二步：在html頁面中的body內(nèi)部添加如下元素俐填。
<div id="app">
? ? <button @click="minus">-</button>
? ? <span>{{n}}</span>
? ? <button @click="add">+</button>
</div>
說明：
1)在界面中要添加vue對象要監(jiān)控元素,習慣上都用 id="app"
2)找到界面中將來可能發(fā)生變化的位置安接，用{{變量名}}特殊語法標記出來
3)找到界面中可以點擊的位置綁定事件處理函數(shù)。
第三步：在html頁面中的body底端部分構(gòu)建JS代碼實現(xiàn)
在JS中創(chuàng)建一個Vue類型的對象來監(jiān)視頁面中的內(nèi)容英融。
<script>
? ? new Vue({
? ? ? el:"#app",
? ? ? data:{
? ? ? ? n:0 //起始值為0
? ? ? },
? ? ? methods:{
? ? ? ? add(){
? ? ? ? ? this.n++ //訪問data中變量必須用this
? ? ? ? },
? ? ? ? minus(){
? ? ? ? ? if(this.n>0){ this.n-- }
? ? ? ? }
? ? ? }
? ? })
? </script>
其中：
1)el(element縮寫)屬性:"選擇器"盏檐，為Vue對象要監(jiān)視的范圍。
2)頁面所有變量驶悟，都必須保存在data屬性中胡野，且以對象屬性形式保存。
3)頁面所有事件處理函數(shù)痕鳍，都必須保存在methods屬性中硫豆，且以對象方法形式保存。
總結(jié)(Summary)
本小節(jié)為Vue的一個快速入門案例笼呆， 基于此案例熊响，我們要了解在頁面引入vue.js時，其實是引入了一種Vue類型抄邀，如果使用vue框架做開發(fā)耘眨，必須都要創(chuàng)建new Vue()對象昼榛，對象創(chuàng)建時我們指定el,data,methods屬性境肾。然后可基于vue對象監(jiān)控頁面元素和事件，進而實現(xiàn)頁面上數(shù)據(jù)的更新胆屿。
