關(guān)于mvvm/mvc/mv*框架的理解:
前端關(guān)于此類框架更加貼近于后端編程模式,使代碼功能清晰,也更便于理解;
此類框架中用戶對View的操作交給了Controller處理,在Controller中響應(yīng)View的事件調(diào)用Model的接口對數(shù)據(jù)進行操作,一旦Model發(fā)生變化便通知相關(guān)視圖進行更新。
對于vue的mvc處理過程:

mvc.png
1.引用
<script src="js/vue2.5.js" type="text/javascript" charset="utf-8"></script>
2.簡單實例
html代碼塊:
<div id="app">{{ msg }}</div>//綁定數(shù)據(jù)用{{}}
js代碼塊:
var vm = new Vue({
el: '#app',//表示new Vue實例所要控制的區(qū)域(代碼生效區(qū)域)
data:{//存放所有用到的數(shù)據(jù)
msg:'vueDemo'//不用操作DOM就可以將數(shù)據(jù)渲染到頁面中,通過vue指令
}
})
3.解決閃爍問題:
html標簽加v-cloak屬性;在css中定義[v-cloak]{display:none}
4.關(guān)于屬性的綁定:
<input type="button" v-bind:value="val">
data:{
val:'按鈕'
}

1.png
簡寫:
<input type="button" :value="val">這里v-bind將val當變量處理,所以可以拼接字符串等 “val + 'aaaa'”
注意:v-bind不能雙向數(shù)據(jù)綁定,想要實現(xiàn)數(shù)據(jù)雙向綁定用‘{{}}’
.......未完待續(xù)