Vue3和Vue2 语法对比

自Vue3发布后，很多开发者对Vue3提出的组合式API，很是追捧

的确组合式API（Composition API）相对于选项式API，代码复用性更高，可读性更好；如果项目中全面使用Composition API，会使得项目复杂度猛增。个人觉得还是理性对待，通过评审及对比，结合业务特点选择性使用。

Vue3升级，也考虑到兼容Vue2,所以我们老的项目，可以很好的平滑过渡为Vue3（以最小的代价），说到往下兼容，自然语法上面跟Vue2保持一致。

模板渲染：还是熟悉的{{}}

事件绑定：v-on或者@

属性绑定：v-bind或者：

class绑定：

style绑定：

条件渲染：v-if v-else v-else-if v-show

循环：v-for

事件修饰符：

1. .stop 防止冒泡
2. .prevent  阻止默认事件
3. .capture 捕获（谁有该事件修饰符，就先触发谁）
4. .self 触发条件：当前点击事件绑定的元素和被点击元素一致
5. .once 只能点击一次
6. .passive 不阻止默认事件（提早告诉，提高性能）

按键修饰符：enter tab delete等等

表单绑定：v-model

表单修饰符：

.lazy 在change时，而非input时更新

number 自动将用户输入的值转化为数值

trim 自动过滤用户输入的首尾空白字符

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！