语法糖 :是指在不影响功能的情况下,添加某种方法实现同样的效果,从而方便程序开发,简化代码是书写。

Vue.js的v-bind和v-on指令都提供了语法糖,也可以说是缩写。

1.v-bind可以省略,直接写一个冒号“:”:

<a v-bind:href="url">链接</a>
<img v-bind:src="imgUrl">
<!--缩写为:-->
<a :href="url">链接</a>
<img :src="imgUrl" />
2.v-on:缩写为“@”:
<button v-on:click="handleClose">点击隐藏</button>
<!--缩写为:-->
<button @click="handleClose">点击隐藏</button>
05-11 17:24