[Vue]Vue语法糖

Posted 2021-01-01 vickylinj

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

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>