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

Vue v-memo 指令的使用与源码解析

Vue3 中的 v-memo 是一种高效的优化组件重渲染的指令。它可以阻止组件元素在没有必要的情况下进行重新渲染，从而提高应用程序的性能。在本文中，我们将对 v-memo 指令的使用方法、原因以及源码进行解释，通过对源码的分析，我们可以深入了解 v-memo 指令的作用以及如何在实际项目中使用它。使用示例<template> <div v-memo="[valueA, ...

Vue v-memo 指令的使用与源码解析
文章 2023-05-16 来自：开发者社区

Vue生命周期解析(Vue2、Vue3)

Vue生命周期解析上一节：《Vue 插槽 》 | 下一节：《 Vue3 中的组合式API 》jcLee95已入驻阿里云社区邮箱 ：291148484@163.com本文地址：- https://developer.aliyun.com/article/1213037- https://blog.csdn.net/qq_28550263/article/details/127336405目 录1.....

Vue生命周期解析(Vue2、Vue3)
文章 2023-05-16 来自：开发者社区

从入门到项目实战 - Vue 计算属性用法解析

Vue 计算属性用法解析上一节：《Vue 监听器用法解析 》 | 下一节：《Vue 样式绑定》jcLee95已入驻阿里云博客邮箱 ：291148484@163.com本文地址：- https://developer.aliyun.com/article/- https://blog.csdn.net/qq_28550263/article/details/127336309目 录1. 什么是计算....

从入门到项目实战 - Vue 计算属性用法解析
文章 2023-05-07 来自：开发者社区

深入解析 Vue 的热更新原理，尤大是如何巧用源码中的细节？

大家都用过 Vue-CLI 创建 vue 应用，在开发的时候我们修改了 vue 文件，保存了文件，浏览器上就自动更新出我们写的组件内容，非常的顺滑流畅，大大提高了开发效率。想知道这背后是怎么实现的吗，其实代码并不复杂。这个功能的实现底层用了vue-hot-load-api[1]这个库，得益于 vue 的良好设计，热更新的实现总共就一个 js 文件，200 行代码，绰绰有余。而在这个库里涉及到的技....

深入解析 Vue 的热更新原理，尤大是如何巧用源码中的细节？
文章 2023-05-07 来自：开发者社区

为什么说 Vue 的响应式更新精确到组件级别？（原理深度解析）

前言我们都知道 Vue 对于响应式属性的更新，只会精确更新依赖收集的当前组件，而不会递归的去更新子组件，这也是它性能强大的原因之一。例子举例来说 这样的一个组件：<template> <div> {{ msg }} <ChildComponent /> </div> </template>我们在触发 ...

文章 2023-05-07 来自：开发者社区

请你说说Vue中slot和solt-scope的原理（2.6.11深度解析）

前言Vue 中的 slot 和 slot-scope 一直是一个进阶的概念，对于我们的日常的组件开发中不常接触，但是却非常强大和灵活。在 Vue 2.6 中slot 和 slot-scope 在组件内部被统一整合成了 函数他们的渲染作用域都是 子组件并且都能通过 this.$slotScopes去访问这使得这种模式的开发体验变的更为统一，本篇文章就基于 2.6.11 的最新代码来解析它的原理。对....

文章 2023-04-20 来自：开发者社区

从 vue 源码看问题 —— vue 编译器解析的优化

前言编译器中的优化，其实就是做静态标记：通过遍历 AST 对象，为每个节点做 静态标记，通过标记其是否为静态节点，然后进一步标记出 静态根节点，方便在后续更新过程中跳过这些静态节点标记静态根用于生成渲染函数阶段，生成静态根节点的渲染函数深入源码createCompiler() 方法 —— 入口文件位置：/src/compiler/index.js其中主要是通过 optimize() 方法做静态标....

从 vue 源码看问题 —— vue 编译器解析的优化
文章 2023-04-20 来自：开发者社区

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

getSlotName、processSlotOutlet、processComponent文件位置：/src/compiler/parser/index.jsgetSlotName/** * 解析 binding，得到插槽名称以及是否为动态插槽 * @returns { name: 插槽名称, dynamic: 是否为动态插槽 } */ function getSlotName (bin...

文章 2023-04-20 来自：开发者社区

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

preTransformNode() 方法文件位置：src\platforms\web\compiler\modules\model.js这里涉及到了下面几个方法：getBindingAttrgetAndRemoveAttrprocessForaddRawAttrprocessElement/* * 处理存在 v-model 的 input 标签，但没处理 v-model 属性 * 分别处理了 ....

文章 2023-04-20 来自：开发者社区

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

parse() 方法文件位置：src\compiler\parser\index.js这里 parse 方法中定义了很多方法，这些方法是在parseHTMLOptions 中有使用到，因此在这里不提前做解读，同时也意味着这里的重点就在于 parseHTML(template, parseHTMLOptions) 方法./** * 将 HTML 字符串转换为 AST */ export fun...

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

VUE.js解析相关内容

VUE.js您可能感兴趣

阿里巴巴终端技术

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

+关注