數(shù)據(jù)驅(qū)動DOM是vue.js的核心理念其障，不到萬不得已的時候不要主動操作DOM堰乔，我們只需要維護好數(shù)據(jù)伴找，DOM的事vue會幫我們優(yōu)雅的進行處理锰镀。
本章節(jié)我們來學習v-bind與v:on
首先斟赚，我們要了解到v:bind可縮寫為：着降，v:on可縮寫為@
v:bind的基本用途是動態(tài)的更新HTML元素上的屬性，比如id,class等拗军。
代碼了解v:bind用法
<div id="lmz">
??? <a v-bind:href="url">鏈接<a>
??? <img v-bind:src="imgUrl">
</div>
<script>
??? var lmz = new Vue({
??????? el:"#lmz",
??????? data:{
??????????? url:"http://lmzlyl.club“任洞，
?????????? imgUrl:"http://lmzlyl.club/img/lmz.png"
??? }
})
<script>
解釋：示例中的鏈接地址與圖片的地址都與數(shù)據(jù)進行了綁定，當通過各種方式改變數(shù)據(jù)時发侵，鏈接和圖片都會自動更新交掏。
代碼熟悉v:on的用法
<div id="lmz">
???? <p v-if="show">我是六個周<p>
?? <button v-on:click="handleClose">隱藏</button>
</div>
<script>
??? var lmz = new Vue({
??????? el:"lmz",
?????? data:{
??????????? show:true
??????? }
???? ? methods:{
?????????? handleClose:function(){
? ? ?? ?????? this.show=false;
???? }
??? }
})
</script>
除了click外，還有dbclick刃鳄、keyup盅弛、mouseover等。
（以后所有示例v:bind與v:on指令將默認使用：和@寫法）
下一節(jié)開始學習計算屬性。
