Code前端首页关于Code前端联系我们

Vue3 组件名name还有用吗?要不要删掉?升级踩过坑怎么办?

terry 1周前 (08-13) 阅读数 979 #Vue

Vue2里name是干嘛的

在说Vue3之前,得先回忆下Vue2的name,毕竟很多升级的朋友都是带着老习惯来的。 Vue2的name主要有这几个硬需求场景,根本绕不开:第一个是递归组件,比如写树形菜单、评论楼这种自己调用自己的组件,没有name,Vue不知道要找谁渲染自己;第二个是用keep-alive缓存组件的时候,include/exclude属性只能匹配name字符串,不然没法精准控制哪些组件留哪些清;第三个是devtools调试的时候,组件名都是name,没了的话全是,几百个组件堆在一起,找个按钮组件都得翻半天。 哦对了,还有个小功能,Vue2的根组件如果加了name,路由切换的时候控制台报错里能直接看到根组件名,排查路由挂载的问题会方便一点,但这个不算刚需。

重头戏来了:Vue3 setup语法糖下name“隐身”了?

很多人第一次用Vue3