缩写语法:
Vue针对经常频繁使用的两个指令进行简化处理,并且预期以后会出现更多的缩写语法
属性绑定的缩写: v-bind:属性名称 == :属性名称
事件绑定的缩写: v-on:事件名称 == @事件名称
缩写的好处和缺点:
好处:简化开发,让技术人员在开发的过程中,对于频繁操作的指令进行了简化处理,提高了工作效率
<div id="app">
<div v-bind:title="msg">好傲娇啊</div>
<div :title="msg">好傲娇啊</div>
<hr />
<button v-on:click="count++">点击我增加</button><span>{{count}}</span>
<button @click="count++">点击我增加</button><span>{{count}}</span>
</div>
<script>
var vm = new Vue({
el:"#app",
data:{
msg:"这是一条提示信息",
count:0
}
})
</script>