Vue 中的 computed 是一个非常强大的功能，在 computed 函数中访问到的值改变了后，computed 的值也会自动改变。 带你彻底搞懂 Vue3 的 Proxy 响应式原理！TypeScript 从零实现基于 Proxy 的响应式库。 如果对于 effect，…

与其说是Vue的生命周期，我觉得不如说是其内组件的生命周期。 简单来说，它的生命周期就是用来描述一个组件从引入到退出的全过程。 那复杂来说呢？就是一个组件从创建开始经历了数据初始化，挂载，更新等步骤后

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 🌊 作者主页：海拥 🌊 作者简介：🥇HDZ核心组成员、🏆全栈领域优质创作者、🥈蝉联C站周榜前十 🌊 粉丝福利：粉丝群 每周送四本书，每月送各

vue 作为目前前端三大框架之一，对于前端开发者可以说是必备技能。那么怎么系统地学习和掌握 vue 呢？为此，我做了简单的知识体系体系总结，不足之处请各位大佬多多包涵和指正，如果喜欢的可以点个小赞！本文主要讲述一些vue开发中的几个高级应用，希望能对大家有所帮助。 我们使用的第…

本文分别通过使用Vue中的五个知识点:基础知识、组件化知识、工程化知识、路由(vue-router)以及状态管理(vuex)分别实现TodoList。虽然使用了Vue中不同的知识点，但是最终实现的效果基本都是相同的，所以从外观上看也是一个实例。 当然本文只是包含了Vue中很小的…

从一个 Confirm 组件开始，一步步写一个可插拔式的组件。 大约6个弹窗... Confirm 通过 v-model="isShow" 切换展示，通过 @onConfirm 和 onCancel 接收点击事件。 那么用它来完成上面的需求吧。 代码改起来会是一个灾难，因为就算…

框架解决的核心是选择节点，操作节点这一过程的抽象，将其隐藏在框架实现之内，我们只需要关注数据和节点的对于关系即可，其余技术是在这个大背景下的优化。 数据驱动方案决定了其性能以及后续性能与优化方向，数据驱动是前端的一大潮流，已经成为了框架必备特性了，因为从前面的讨论得知，操作节点…

本项目已经为你生成了一个完整的开发框架，下面是整个项目的目录结构。 启动完成后会自动打开浏览器访问 [http://localhost:9000， 你看到下面的页面就代表操作成功了。 目前前端的一个开发趋势是以搭建单页应用 (SPA) 为主的。当应用体系比较大，或者你的应用业务…

_createElement，比较关键的一步，在这个方法里会判断组件是span这样的 html 标签，还是用户写的自定义组件。 其实，render 函数最终返回的就是vnode。 调用createElement方法，第一个参数是 vm 实例自身，剩余的参数原封不动的透传。 其中…