《跟热饭一起学习vue吧》Part.10 常用指令缩写

2022-05-19 16:42:35 浏览数 (2)

缩写

本节课没什么主要知识点,也不需要你必须去在草纸上测试。

主要就了解下即可。

因为某些指令用的太频繁,所以作者设计了简写,可以极大的加快写作速度。但是我们要背熟练一些,否则容易记错。

v-bind: 可以简写成一个冒号 :

代码语言:javascript复制
<!-- 完整语法 -->
<a v-bind:href="url"></a>
<!-- 缩写 -->
<a :href="url"></a>

例子:

v-on : 可以简写成 @

代码语言:javascript复制
<!-- 完整语法 -->
<a v-on:click="doSomething"></a>
<!-- 缩写 -->
<a @click="doSomething"></a>

例子:

好了本节课就到这里,怎么样,是不是感觉很简单???

0 人点赞