#每天一个知识点#
Vue 页面渲染流程：
初始化调用 $mount 挂载组件。
_render 开始构建 VNode，核心方法为 createElement，一般会创建普通的 VNode ，遇到组件就创建组件类型的 VNode，否则就是未知标签的 VNode，构建完成传递给 _update。
patch 阶段根据 VNode 创建真实节点树，核心方法为 createElm，首先遇到组件类型的 VNode，内部会执行 $mount，再走一遍相同的流程。普通节点类型则创建一个真实节点，如果它有子节点开始递归调用 createElm，使用 insert 插入子节点，直到没有子节点就填充内容节点。最后递归完成后，同样也是使用 insert 将整个节点树插入到页面中，再将旧的根节点移除。
Vue 页面渲染流程：
初始化调用 $mount 挂载组件。
_render 开始构建 VNode，核心方法为 createElement，一般会创建普通的 VNode ，遇到组件就创建组件类型的 VNode，否则就是未知标签的 VNode，构建完成传递给 _update。
patch 阶段根据 VNode 创建真实节点树，核心方法为 createElm，首先遇到组件类型的 VNode，内部会执行 $mount，再走一遍相同的流程。普通节点类型则创建一个真实节点，如果它有子节点开始递归调用 createElm，使用 insert 插入子节点，直到没有子节点就填充内容节点。最后递归完成后，同样也是使用 insert 将整个节点树插入到页面中，再将旧的根节点移除。
展开
1
2
- #每天一个知识点# JYM，我想买一个500到1000之间的机械键盘，最好是敲击声清脆一些，不要太响，避免影响到其他同事，有什么好的推荐吗？0 赞 · 18 评论
- #每天一个知识点#
React Router v6 重大变更
严格路径匹配：默认不再匹配子路径（如 /users 不匹配 /users/123），需使用 path="/users/*"。
Routes 替代 Switch：Routes 会渲染第一个匹配的路由，而非所有匹配路由。
嵌套路由：通过 Outlet 组件渲染子路由，需确保父路由有 Outlet。
导航 API 变化：useHistory 改为 useNavigate，支持更灵活的导航（如 navigate(-1) 后退）。3 赞 · 1 评论 - 2 赞 · 4 评论
juejin.cn