Vue 3 设计哲学与源码揭秘

Vue 3 设计哲学与源码揭秘

Vue 3 设计哲学与源码揭秘

本专栏会分模块专题讲述Vue3中的设计哲学与源码 - 内置组件 KeepAlive - 内置组件 Teleport、Suspense - 内置组件 Transition - Vue Compiler - Vue reactivity - Runtime - Custom render ...

等 13 人订阅共11篇文章创建于2024-07-16

Vue 插件开发与全局错误处理和日志记录插件实战

Vue 插件基础插件（plugin）是一种可选的独立模块，它可以添加特定功能或特性，而无需修改主程序的代码。 Vue中使用插件 Vue中制作插件一个插件可以是一个拥有 install 方法的对象：

8月前
550
8
评论

Vue 插件开发与全局错误处理和日志记录插件实战

Vue 内置组件与高级特性

属性透传属性透传，指的是一些没有被组件声明为 props、emits 或自定义事件的属性，但依然能传递给子组件，例如常见的 class、style 和 id. 快速上手 A.vue App.vue

8月前
189
1
评论

Vue 生态常用工具库（组合、拖拽、图表、校验、懒加载）

vueuse VueUse 是一个基于 Vue 组合式 API 的工具库，里面提供了一系列高效、易用的组合函数，用于简化 Vue 开发，节省开发时间。 Vue官网：https://vueuse.org

8月前
1.7k
25
评论

⚡️ Vue 路由大揭秘！Router玩转指南

路由模式 Vue-router支持 3 种模式： Hash模式 HTML5模式 Memory模式 Hash模式 Hash 是 URL 组成的一部分，例如：其 # 后面的部分就是 Hash 部分。早期

8月前
356
1
评论

⚡️ Vue 路由大揭秘！Router玩转指南

Vue 状态管理-Pinia与插件开发

通信方式总结通信方式整体来讲能够分为两大类：父子组件通信跨层级组件通信父子组件通信 Props：通过 Props 可以实现父组件向子组件传递数据。 Event：又被称之为自定义事件，原理是父组

9月前
267
1
评论

Vue 状态管理-Pinia与插件开发

Vue 高级实战场景五大应用实例

本文会介绍封装树形组件、自定义ref实现防抖、虚拟列表及其优化、懒加载、聊天室封装树形组件效果支持的属性： data：树形结果的数据，例如： show-checkbox：是否显示复选框 tran

9月前
652
11
1

Vue 高级实战场景五大应用实例

十分钟！彻底搞懂 Vue compiler 和 runtime的本质

模板的本质渲染函数渲染函数（ h ）调用后会返回虚拟 DOM 节点文档地址：https://cn.vuejs.org/api/render-function.html#h 实际上，Vue 里面的

9月前
251
点赞
评论

十分钟！彻底搞懂 Vue compiler 和 runtime的本质

从数据劫持到Vue3响应式系统的源码实现

数据拦截的本质数据拦截的方式什么是拦截？你想像一下你在路上开着车，从地点 A 前往地点 B. 本来能够一路畅通无阻，顺顺利利的到达地点 B，但是因为你路上不小心违反了交规，例如不小心开着远光灯一

9月前
497
1
评论

从数据劫持到Vue3响应式系统的源码实现

🎉 一文搞懂Vue3及其生态系统

一文搞懂 Vue3 及其生态系统搭建工程包管理器搭建工程首先需要一个包管理器 npm pnpm yarn bun 搭建工程文档：https://vuejs.org/guide/quick-sta

9月前
1.3k
8
评论

🎉 一文搞懂Vue3及其生态系统

从 DOM 工作原理 WebIDL 到虚拟DOM本质

DOM工作原理大家思考一个问题：我们写的代码是 JS 代码，但是浏览器引擎是 C++ 写的浏览器引擎（C++）拿到你这个 JS 代码是如何处理的？这里介绍一个东西：Web Interface D

10月前
206
2
评论

从 DOM 工作原理 WebIDL 到虚拟DOM本质

Vue 内置组件 KeepAlive 原理与 LRU 算法

在 Vue 中提供了一些内置组件，例如： Transition TransitionGroup KeepAlive Teleport Suspense 本文，将主要讲解 KeepAlive 内置组件。

10月前
168
5
评论

Vue 内置组件 KeepAlive 原理与 LRU 算法