![Vue.js从入门到项目实践(超值版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/987/44509987/b_44509987.jpg)
上QQ阅读APP看书,第一时间看更新
3.2.4 函数简写
![](https://epubservercos.yuewen.com/CC45E5/23721548909464406/epubprivate/OEBPS/Images/Figure-P55_5880.jpg?sign=1738852103-sCu13sH9rZMyiFo2hiPkHPRPkYQ7HWdM-0-08a24998acfa6e0656ae3c68e5e3858e)
在进行指令书写的时候,有部分指令可以进行简写。例如,由于大多数情况下只关注bind及update,因此可以这样简写:
Vue.directive('xxx-xxx', function(el, binding){ el.style.backgroundColor = binding.value ; }) //v-bind及v-on的简写 <!--完整语法--> <a v-bind:href="url">bind</a> <!--缩写--> <a :href="url">bind</a> <!--完整语法--> <a v-on:click="doSomething">on</a> <!--缩写--> <a @click="doSomething">on</a>