AI 助理
文档备案控制台
文章 2023-04-20 来自：开发者社区

从 vue 源码看问题 —— vue 编译器的解析（一）

前言Vue 编译器主要处理内容将组件的 html 模版解析成 AST 对象优化通过遍历 AST 对象，为每个节点做 静态标记，通过标记其是否为静态节点，然后进一步标记出 静态根节点，方便在后续更新过程中跳过这些静态节点标记静态根用于生成渲染函数阶段，生成静态根节点的渲染函数从 AST 生成运行渲染函数render 函数staticRenderFns 数组，里面保存了所有的 静态节点的渲染函数编译....

从 vue 源码看问题 —— vue 编译器的解析（一）
文章 2023-04-15 来自：开发者社区

Vue $set 源码解析(保证你也能看懂)

首先我们看文档有这个例子下面是vue $set部分源码if (process.env.NODE_ENV !== 'production' && (isUndef(target) || isPrimitive(target)) ) { warn('Cannot set reactive property on undefined, null, or primit...

Vue $set 源码解析(保证你也能看懂)
文章 2023-04-14 来自：开发者社区

Vue $set 源码解析

首先我们看文档有这个例子function set (target: Array<any> | Object, key: any, val: any): any { if (process.env.NODE_ENV !== 'production' && (isUndef(target) || isPrimitive(target)) ) { w...

Vue $set 源码解析
文章 2023-01-15 来自：开发者社区

vue3源码分析——看看complier是怎么来解析的

引言<<往期回顾>>1.vue3源码分析——手写diff算法2.vue3源码分析——实现组件更新3.vue3源码分析——解密nextTick的实现想知道vue3-complier是怎么实现的吗？，本期就来实现vue3-complier的基础，看看·vue是如果来处理模板的，所有的源码请查看仓库正文效果在astexplorer.net/ 这个网站上可以写上vue的模板，然后....

vue3源码分析——看看complier是怎么来解析的
文章 2023-01-15 来自：开发者社区

vue3源码解析 --- 组件渲染：vnode 到真实 DOM 是如何转变的

vue3源码解析 --- 组件渲染：vnode 到真实 DOM 是如何转变的源码解析略复杂，这边先实现超级简单版，缕清思路，然后在后文展开细节，水平有限，如有不对，欢迎讨论~基础知识：vnode是啥看到vnode，就想到这是一个对象就行了，主要是描述普通HTML标签或者组件标签的，长这样描述普通节点：// &lt;button class="btn" title="btn"&gt;click m....

vue3源码解析 --- 组件渲染：vnode 到真实 DOM 是如何转变的
文章 2023-01-06 来自：开发者社区

vue-router 如何找到路由组件？matcher 总结，vue-router Matcher 解析（四）

这篇是 vue-router matcher 系列的总结篇，这里提示一下 matcher 是 route 转换后的结构，由多叉树转化为数组形式存放，参考下面的代码结构// routes const routes = [ { path: "/a", }, { path: "/b", }, ]; // matchers (简略版) const matchers = [...

vue-router 如何找到路由组件？matcher 总结，vue-router Matcher 解析（四）
文章 2023-01-06 来自：开发者社区

vue-router 还给路由排了序？解析路由匹配，vue-router Matcher 解析（三）

前情提要之前的两篇文章讲了, vue-router 的 Matcher 对初始的 routes 进行了标准化(normalized)处理以及别名(alias)处理，详情链接参考文章尾部本篇文章会介绍 matcher 处理 route 的匹配部分, 即 vue-router 文档的路由的匹配语法注：本篇文章关于 matcher 的解析和源码均对应 vue-router4 即 vue3 版本的 ro....

vue-router 还给路由排了序？解析路由匹配，vue-router Matcher 解析（三）
文章 2023-01-06 来自：开发者社区

vue-router 如何找到待渲染的 vue 组件？详解 route 别名处理，vue-router Matcher 解析（二）

前情提要之前的文章vue-router 如何找到待渲染的 vue 组件？vue-router Matcher 解析（一）讲了, vue-router 找到待渲染的 vue 组件时，对 route 的处理过程，因此本篇文章将会默认 route 已经被处理了，即为 RouteRecordNormalized 路由记录的标准版本本篇文章会介绍 matcher 处理 route 的别名部分, 即 vue....

vue-router 如何找到待渲染的 vue 组件？详解 route 别名处理，vue-router Matcher 解析（二）
文章 2023-01-06 来自：开发者社区

vue-router 如何找到待渲染的 vue 组件？vue-router Matcher 解析（一）

背景介绍在之前的一篇文章中vue-router 如何做到页面切换？, 源码解析曾经说过，页面的切换其实就是一个找组件的过程，也就是 vue-router 里面的 Matcher, 看过 vue-router4 的源码后，发现 matcher 其实是非常重要的一环，可以说是和 history(历史模式) 构成了 vue-router 的两个核心，回过头来看一下 vue-router4 中的创建 .....

vue-router 如何找到待渲染的 vue 组件？vue-router Matcher 解析（一）
文章 2023-01-06 来自：开发者社区

vue-router 如何做到页面切换？, 源码解析

写路由相关的代码的时候，写完页面组件的相关的代码后，就可以直接一把梭哈 vue-router，但是 vue-router 是怎么实现它们间的切换的呢？不知道大家有没有写过 JSP，我曾经短暂的写过一个星期 JSP, 过程让我有点煎熬，JSP 的工程化没有现在的我们使用的 webpack 那么好，就比如热更新这一开，JSP 的更新是需要重启整个 SpringBoot! 很难受，但可以说一下的是 J....

vue-router 如何做到页面切换？<root-view>, <root-link> 源码解析

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

VUE.js解析相关内容

VUE.js您可能感兴趣

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。

+关注