初看vue3 Composition API吐槽点

最新推荐文章于 2024-09-21 11:29:05 发布

飞衡、如日之升

最新推荐文章于 2024-09-21 11:29:05 发布

阅读量120

点赞数

文章标签： vue.js vue

本文链接：https://blog.csdn.net/weixin_43546457/article/details/131125421

版权

文章讨论了Vue中v-if与v-for在同一节点使用时的优先级问题，指出如果v-if不需要v-for的作用域变量，这种结合使用的情况就显得冗余。另外，作者对v-for的等效语法表达了不满，认为增加了学习负担。最后，文章聚焦于ref模板引用的复杂性，特别是CompositionAPI下模板引用变量名与模板ref属性值需一致的规定，提出了设计上的疑问。

摘要由CSDN通过智能技术生成

吐槽点一 v-if 和 v-for

v-if 的优先级大于 v-for 所以 v-if 和 v-for 用于同一个dom节点时, v-if指令值不能访问v-for的
作用域变量, v-if优先级大于v-for很容易理解, 但是如果v-if的指令值用不到v-for的作用域变量
谁又会把他两写在一级呢??

在这里插入图片描述

吐槽点二 v-for语法

v-for="item in arr"  等效语法  v-for="item of arr" 
作为框架完全没必要出一种完全等效的语法来搞事情, 蠢蠢增加心智负担, 并且在js里面 
for in  和 for of 是两个不同的东西

吐槽点三 ref模板引用

且不说模板引用的api-->ref和定义响应式数据api是一个, Composition API引用模板的语法逻辑
真的让人大惊失色:  去模板上定义一个ref属性, 在setup中声明的模板引用变量名必须和模板ref
的属性值一样, 那我在模板中设置ref="input-dom", 变量名又该如何应对 ? ? ?