[Vue]Vue语法糖
Posted vickylinj
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[Vue]Vue语法糖相关的知识,希望对你有一定的参考价值。
语法糖 :是指在不影响功能的情况下,添加某种方法实现同样的效果,从而方便程序开发,简化代码是书写。
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>
以上是关于[Vue]Vue语法糖的主要内容,如果未能解决你的问题,请参考以下文章