在前端，移動(dòng)端開(kāi)發(fā)過(guò)程中趁啸，有幾種框架如：MVC强缘，MVP ，這兩年比較流行的MVVM不傅，下面就簡(jiǎn)單的介紹下如何使用vue進(jìn)行開(kāi)發(fā)旅掂。
MVVM
(ModelView ViewModel)是一種基于MVC的設(shè)計(jì)，開(kāi)發(fā)人員在HTML上寫(xiě)一些Bindings,利用一些指令綁定访娶，就能在Model和ViewModel保持不變的情況下商虐，很方便的將UI設(shè)計(jì)與業(yè)務(wù)邏輯分離，從而大大的減少繁瑣的DOM操作崖疤。
VUE
首先在使用了vue以后不得不說(shuō)秘车，這是做移動(dòng)web的很好的框架。它非常的輕量劫哼，min庫(kù)只有幾十K大小叮趴。實(shí)現(xiàn)的效果可以對(duì)一個(gè)項(xiàng)目來(lái)說(shuō)節(jié)省了成千上萬(wàn)行代碼，都不夸張权烧。開(kāi)發(fā)起來(lái)也更加的高效眯亦。
官網(wǎng)地址：https://cn.vuejs.org/
1、首先在HTML文件里應(yīng)用vue.js 般码，具體可以在官網(wǎng)下載
2妻率、聲明綁定
在界面div標(biāo)簽 定義好id，
再代碼中通過(guò)如下
var app = new Vue({
el: '#app', ? //此處綁定上面定義的id
data: {//此處定義的對(duì)象就可以在綁定的div里使用了
message: '88888',
seen: true,
todos: [{
name: 'JavaScript',
age: 20
}, {
name: 'Vue',
age: 30
}, {
name: 'Angular',
age: 18
}],
}
})
3板祝、v-modle ：屬性宫静，動(dòng)態(tài)雙向綁定：數(shù)據(jù)發(fā)生變化時(shí)與界面綁定的數(shù)據(jù)會(huì)同步顯示。界面輸入框的內(nèi)容變化扔字，會(huì)同步綁定的js對(duì)象。
其他內(nèi)容顯示通過(guò){{ }}標(biāo)簽來(lái)使用温技，具體效果如下：
4革为、v-if v-else：條件判斷，如下可以控制界面的顯示舵鳞，seen 在聲明時(shí)已經(jīng)賦值震檩，條件的值為true時(shí)顯示。
5蜓堕、v-for：遍歷列表展示抛虏，數(shù)據(jù)發(fā)生變化時(shí)，界面會(huì)及時(shí)的渲染效果套才。
6迂猴、v-on:click--事件綁定，用于綁定界面交互操作背伴。界面上綁定的事件必須在vue里面進(jìn)行聲明沸毁。
VUE的使用還是比較容易上手的峰髓，作為典型的前端MVVM框架，它適合輕量的開(kāi)發(fā)息尺，效率也很高携兵。如果你還在使用傳統(tǒng)的js辦法進(jìn)行dom操作，是時(shí)候使用MVVM框架了搂誉。
