一、什么是语法糖?
语法糖也译为糖衣语法,是英国计算机科学家彼得·约翰·兰达(Peter J. Landin)发明的一个术语,指的是计算机语言中添加的一种语法,它可以在不影响功能的情况下,通过某种简单语法使代码更简洁,这种语法对计算机没有任何影响,但对于程序员更方便,能减少出错的概率
使用语法糖能简化代码,更便于程序员开发
二、常见的语法糖有哪些?
1、最常见的语法糖:v-model
使用v-model可以实现数据的双向绑定
v-model绑定数据之后,又添加了事件监听,这个事件就是input事件。
使用案例:
输入的时候会触发input事件,事件会把当前值赋值给value,这就是v-model双向绑定的原因
2、v-bind语法糖
v-bind用来添加动态属性的,常见的有src,href,class,style,title等属性都可以通过v-bind添加动态属性值
v-bind的语法糖就是去掉v-bind替换成冒号( :)
3、v-on的语法糖
v-on是绑定事件监听器的,它的语法糖就是将v-on替换成符号(@)
情况1:如果方法不传参数,可以不添加小括号
情况2:如果需要传参时,同时又需要event参数
4、修饰符
修饰符是指以半角句号 . 指明的特殊后缀,v-on的修饰符,同样也是语法糖
示例:链接添加点击事件,点击之后不希望跳转
prevent修饰符是用来阻止默认事件,还要 submit 同样也适用
下列是常见的修饰符,与上边 .prevent 使用相同。
- .stop 用来阻止事件冒泡。
- .once 事件只触发一次。
- .self 事件只在自身触发,不能从内部触发。
- .enter | .tab | .delete | .esc ..... 键盘修饰符
- ctr | .alt | .shift | .meta 系统修饰符
5、动态css
使用v-bind可以通过 style 或 class ,可以添加动态样式
6、注册组件语法糖
所谓的注册组件语法糖是指省去组件构造器的定义,直接将组件构造器对象传入注册组件函数里,这样会减少 CPU 的调度以及内存的分配。
全局组件使用:
局部组件使用: