我在纽约写程序

computed 的实现原理 computed 本质是一个惰性求值的观察者。 computed 内部实现了一个惰性的 watcher,也就是 computed watche...

能让你首次加载更快的路由懒加载，怎么能忘？ 路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。 举个🌰，如果这样写，加载的时候会全部...

Vuex有哪几种属性？ 有五种，分别是 State、 Getter、Mutation 、Action、 Module state => 基本数据(数据源存放地) gette...

1.动态组件 <component :is='组件名'></component> 结合v-for循环使用 使用环境 如图，这是一个v-for渲染的列表(只是目前这个版块才刚...

Vue中key的作用 vue 中 key 值的作用可以分为两种情况来考虑： 第一种情况是 v-if 中使用 key。由于 Vue 会尽可能高效地渲染元素，通常会复用已有元素...

准备：自定义指令介绍 作为使用Vue的开发者，我们对Vue指令一定不陌生，诸如v-model、v-on、v-for、v-if等，同时Vue也为开发者提供了自定义指令的api...

Watch中的deep:true是如何实现的 源码相关 delete和Vue.delete删除数组的区别？ delete只是被删除的元素变成了 empty/undefine...

本文将带大家快速过一遍Vue数据响应式原理，解析源码，学习设计思路，循序渐进。 数据初始化 _init 在我们执行new Vue创建实例时，会调用如下构造函数，在该函数内部...

Computed 和 Methods 的区别 可以将同一函数定义为一个 method 或者一个计算属性。对于最终的结果，两种方式是相同的 不同点： computed: 计算...

知道大家使用 Vue3 的时候有没有这样的疑惑，“ref、rective 都能创建一个响应式对象，我该如何选择？”，“为什么响应式对象解构之后就失去了响应式？应该如何处理？...

虚拟 DOM 的优缺点？ 优点： 保证性能下限： 框架的虚拟 DOM 需要适配任何上层 API 可能产生的操作，它的一些 DOM 操作的实现必须是普适的，所以它的性能并不是...

函数式组件优势和原理 函数组件的特点 函数式组件需要在声明组件是指定 functional:true 不需要实例化，所以没有this,this通过render函数的第二个参...

我们先来关注一下$mount是实现什么功能的吧： 我们打开源码路径core/instance/init.js: 在这里我们怎么理解这个挂载状态呢？先来看Vue官方给的一段描...

虚拟DOM真的比真实DOM性能好吗 首次渲染大量DOM时，由于多了一层虚拟DOM的计算，会比innerHTML插入慢。 正如它能保证性能下限，在真实DOM操作的时候进行针对...

先来看生成虚拟dom的入口文件: 我们看到了AST经过三轮加工，最终脱胎换骨成为render function code。那么我们这一章就来讲AST的第三次试炼。入口文件....

怎样理解 Vue 的单向数据流 注意 ：在子组件直接用 v-model 绑定父组件传过来的 prop 这样是不规范的写法 开发环境会报警告 如果实在要改变父组件的 prop...

这一章我们开始讲模板解析编译:总结来说就是通过compile函数把tamplate解析成render Function形式的字符串compiler/index.js 我们可...

背景 在 Vue 的初始化阶段，_init 方法执行的时候，会执行 initState(vm) ，它的定义在 src/core/instance/state.js 中。在初...

这一章就着重讲两个点： 响应式系统如何收集依赖 响应式系统如何更新视图 我们知道通过Object.defineProperty做了数据劫持，当数据改变的时候，get方法收集...

键盘事件 在 js 中我们通常通过绑定一个事件，去获取按键的编码，再通过 event 中的 keyCode 属性去获得编码 如果我们需要实现固定的键才能触发事件时就需要不断...