03 - Vue语法糖

语法糖是指在不影响功能的情况下，添加某种方法实现相同的效果，从而方便程序开发。

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

比如v-bind，可以省略v-bind，直接写一个冒号“：”

上一章中的v-bind可以改写为

<a v-bind:href="url">链接</a>
<img v-bind:src"imgUrl">
<!-- 缩写为 -->
<a :href="url">链接</a>
<img :href="imgUrl">

v-on可以改写为

<button v-on:click="handleClose">点击隐藏</button>
<!-- 缩写为 -->
<button @click="handleClose">点击隐藏</button>

后续文章中，所有示例的v-bind和v-on指令将默认使用语法糖的写法