跳到主要内容

2 篇博文 含有标签「框架」

查看所有标签

· 阅读需 10 分钟
编程范儿

赶在中秋国庆假期前,终于将我的网站(https://spacexcode.com/)结构定好了,如之前所说,这个网站的定位就是作为自己的前端知识沉淀。内容大致从:前端涉及的基础知识分类汇总(知识库), 实战类的代码演练(代码片段),特定技术的深度使用总结(专题),零散知识点的领悟总结(博客)这四个方面展开。还有最重要的一点就是这个网站不仅仅是给自己看的,我希望它像一个产品, 面向的是整个互联网受众,在学习上给大家一点点灵感。

· 阅读需 9 分钟
编程范儿

从 Vue2 升级到 Vue3,很多语法和特性发生了改变,但是我们不仅要知道写法上的不同,还要究其背后的原因。做到知其然,知其所以然。

我们在看到下面这些标题的时候,不妨先自己想想,然后再展开里面具体的原因分析,也帮你回顾下自己的知识掌握的是否全面。

1. 为什么 Vue2 组件中只能有一个根节点,而到了 Vue3 可以支持多个根节点?

其实本质上 Vue3 每个组件还是有一个根节点,因为 DOM 树只能是树状结构的,只是 Vue3 在编译阶段新增了判断,如果当前组件不只一个根元素,就添加一个 fragment 组件作为最外层组件将其 的包裹起来,相当于这个组件还是只有一个根节点。而 fragmentkeep-alive 一样是一个不会被渲染出来的内置组件。