VUE 的 “语法糖”

一、什么是语法糖？

语法糖也译为糖衣语法，是英国计算机科学家彼得·约翰·兰达(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 的调度以及内存的分配。

全局组件使用：

局部组件使用：