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

vue3 源码学习，实现一个 mini-vue（十一）：组件的设计原理与渲染方案

前言在实现了 ELEMENT、COMMENT、TEXT 节点的挂载后，我们最后再来实现一下组件的挂载与更新开始实现组件之前，我们需要明确 vue 中一些关于组件的基本概念：组件本身是一个对象（仅考虑对象的情况，忽略函数式组件）。它必须包含一个 render 函数，该函数决定了它的渲染内容。如果我们想要定义数据，那么需要通过 data 选项进行注册。data 选项应该是一个 函数，并且 rentu....

vue3 源码学习，实现一个 mini-vue（十一）：组件的设计原理与渲染方案
文章 2023-01-09 来自：开发者社区

vue3 源码学习，实现一个 mini-vue（十）：构建 renderer 渲染器之 Text Comment 节点的渲染

前言原文来自 我的个人博客在之前的章节中我们实现了 ELEMENT 节点的挂载与更新，以及 class、style、事件 属性等等的挂载与更新。本章我们就在来实现一下 Text、Comment 节点的渲染1. TEXT 节点的挂载与更新首先创建测试实例：<script> const { h, render, Text } = Vue const vnode = h(Text...

vue3 源码学习，实现一个 mini-vue（十）：构建 renderer 渲染器之 Text Comment 节点的渲染
文章 2023-01-09 来自：开发者社区

vue3 源码学习，实现一个 mini-vue（九）：构建 renderer 渲染器之 ELEMENT 节点的各种属性挂载

highlight: vs2015theme: juejin前言原文来自 我的个人博客在前几章中，我们实现了 ELEMENT 节点的挂载、更新以及删除等操作。但是我们的代码现在还只能挂载 class 属性，而不能挂载其他属性。本章我们就来实现一下其他属性的挂载（ style 属性，事件 属性）1. 源码阅读：vue3 是如何挂载其他属性的我们从下面的测试实例开始阅读源码：<script&am...

vue3 源码学习，实现一个 mini-vue（九）：构建 renderer 渲染器之 ELEMENT 节点的各种属性挂载
文章 2023-01-09 来自：开发者社区

vue3 源码学习，实现一个 mini-vue（八）：构建 renderer 渲染器之 ELEMENT 节点的更新与删除

highlight: vs2015前言原文来自 我的个人博客再上一章中，我们完成了 renderer 的基础架构，完成了 ELEMENT 节点的挂载并且导出了可用的 render 函数。我们知道对于 render 而言，除了有 挂载 操作之外，还存在 更新和删除 的操作。那么在本章就让我们一起来实现一下它们吧。1. 新旧元素相同时 ELEMENT 节点的更新操作所谓更新操作指的是：生成一个新的.....

vue3 源码学习，实现一个 mini-vue（八）：构建 renderer 渲染器之 ELEMENT 节点的更新与删除
文章 2023-01-09 来自：开发者社区

vue3 源码学习，实现一个 mini-vue（七）：构建 renderer 渲染器之 ELEMENT 节点的挂载

highlight: vs2015theme: juejin前言原文来自 我的个人博客自上一章我们成功构建了 h 函数创建 VNode 后，这一章的目标就是要在 VNode 的基础上构建 renderer 渲染器。根据上一章的描述，我们知道在 packages/runtime-core/src/renderer.ts 中存放渲染器相关的内容。Vue 提供了一个 baseCreateRendere....

vue3 源码学习，实现一个 mini-vue（七）：构建 renderer 渲染器之 ELEMENT 节点的挂载

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

VUE.js渲染相关内容

VUE.js更多渲染相关

VUE.js您可能感兴趣

阿里巴巴终端技术

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

+关注