vue的逗号、分号语法说明

作为一名vue3新手，vue的语法中的逗号、分号（几乎很少用用）经常搞混，这边总结一下：

一、分号

Vue不需要使用分号的原因主要有两点：

1. 语法特性：Vue采用了类似模板的语法，其标签和属性并不是严格符合JavaScript的语法规范，而是在模板中使用了“绑定”和“插值”等特殊语法。这些语法特性使得Vue可以更加简洁和直观地描述页面的结构和行为。因此，在Vue中，不需要使用分号来标识语句的结束，而是通过标签的闭合和属性的逗号来表示语句的边界。

2. 代码规范：Vue官方推荐的代码规范中没有要求在语句的末尾添加分号。虽然在JavaScript中使用分号是一种良好的编程习惯，但在Vue中，并不强制要求使用分号。这是因为Vue的编译器在解析代码时会自动处理语句之间的边界，并保证代码的正确性。因此，从代码规范的角度来说，在Vue中使用或不使用分号并没有太大的差异

二、逗号

Vue.js中，需要加逗号的地方主要有3个：1、对象中的属性之间，2、数组中的元素之间，3、函数参数之间。

1、data对象：message和count之间用逗号分隔。

methods对象：increment和decrement之间用逗号分隔

2、数组中的元素之间 （这个和java语法一样）

3、在Vue.js的各种函数（包括普通函数和箭头函数）中，参数之间需要用逗号分隔。