首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
vue原理相关
订阅
coderxrw
更多收藏集
微信扫码分享
微信
新浪微博
QQ
8篇文章 · 0订阅
林三心画了8张图,最通俗易懂的Vue3响应式核心原理解析
前言 大家好,我是林三心,大家也知道,本菜鸟平时写基础文章比较多,我始终坚信两句话 用最通俗易懂的话,讲最难的知识点 基础是进阶的前提 其实Vue3已经出来很久了,可能大部分公司都用上了
React、Vue2、Vue3的三种Diff算法
mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点,refNode为真实的DOM节点,其父级节点为parent。如果refNode不为空,vnode生成的DOM节点就会插入到refNode之…
跟着来,你也可以手写VueRouter
本文介绍了路由的一些常识,并手写了一个精简版VueRouter,和绝大多数手写文章不同的是,这里代码是完全以源码为标准实现的,彻底搞懂核心源码之外,后面看真正的源码可以毫不夸张的说:纵享丝滑!
最全的 Vue 面试题+详解答案
前言 本文整理了高频出现的 Vue 相关面试题并且附带详解答案 难度分为简单 中等 困难 三种类型 大家可以先不看答案自测一下自己的 Vue 水平哈
Vue.js的computed和watch是如何工作的?
Vue的组件对象支持计算属性computed和侦听属性watch两个选项,但这两个属性用法有什么异同以及它们底层实现的原理是什么?本文将用例子结合源码来进行总结。 1.computed是计算属性,类似于过滤器,对绑定到视图的数据进行处理,并监听变化进而执行对应的方法,对这部分不…
为什么 Vue 中不要用 index 作为 key?(diff 算法详解)
Vue 中的 key 是用来做什么的?为什么不推荐使用 index 作为 key?常常听说这样的问题,本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元素顺序被改变、或者子元素被删除的特殊情况,提前说明清楚。 那么它的 vnode 也就是虚拟 dom 节点大…
手把手带你实现一个最精简的响应式系统来学习Vue的data、computed、watch源码
记得初学Vue源码的时候,在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去,发现再也绕不出来了。Vue发展了很久,很多fix和feature的增加让内部源码越来越庞大,太多的边界情况和优化设计掩盖了原本精简的代码设计,让新手阅…
为什么说 Vue 的响应式更新精确到组件级别?(原理深度解析)
我们都知道 Vue 对于响应式属性的更新,只会精确更新依赖收集的当前组件,而不会递归的去更新子组件,这也是它性能强大的原因之一。 我们在触发 this.msg = 'Hello, Changed~'的时候,会触发组件的更新,视图的重新渲染。 但是 <ChildComponent…