Vue响应式依赖收集原理分析

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

Vue响应式系统原理

我们知道Dep.target在创建Watcher的时候是null，并且它只是起到一个标记的作用，当我们创建Watcher实例的时候，我们的Dep.target就...

Vue实战的几个技巧

Vue3知识点总结之数据侦测

关于前两个 API 的使用方式不多赘述，单一的访问器 getter/setter 功能相对简单，而作为 Vue2.x 实现可响应对象的 API - define...

Vue-diff算法深度解析

模板tamplate经过parse，optimize，generate等一些列操作之后，把AST转为render function code进而生成虚拟VNod...

vue的几个提效技巧

如图，这是一个v-for渲染的列表(只是目前这个版块才刚开始做，目前只有一个)，圆圈内的就是一个组件，也就是要v-for动态组件

vue3实战-完全掌握ref、reactive

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

Vue响应式依赖收集原理分析-vue高级必备

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

Vue中的diff算法深度解析

模板tamplate经过parse，optimize，generate等一些列操作之后，把AST转为render function code进而生成虚拟VNod...

Vue虚拟dom是如何被创建的

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

Vue组件是怎样挂载的

我们着重关注一下vm._update(vm._render(), hydrating):

Vue模板是怎样编译的

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

Vue响应式系统原理并实现一个双向绑定

我们知道Dep.target在创建Watcher的时候是null，并且它只是起到一个标记的作用，当我们创建Watcher实例的时候，我们的Dep.target就...

Vue.nextTick核心原理

相信大家在写vue项目的时候，一定会发现一个神奇的api，Vue.nextTick。为什么说它神奇呢，那是因为在你做某些操作不生效时，将操作写在Vue.next...

vue中的几个高级概念

简单的来说就是 Mixins 是我们可以重用的代码块，在实际开发中，如果有些代码重复性比较高，这时候可以考虑 Mixins 这个特性。

vue实战-深入响应式数据原理

在我们执行new Vue创建实例时，会调用如下构造函数，在该函数内部调用this._init(options)。

vue实战-完全掌握Vue自定义指令

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

vue实战中的一些小技巧

路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。

彻底搞懂Vue虚拟Dom和diff算法

使用过Vue和React的小伙伴肯定对虚拟Dom和diff算法很熟悉，它扮演着很重要的角色。由于小编接触Vue比较多，React只是浅学，所以本篇主要针对Vue...

聊聊Vuex原理

在调用 Vuex 的时候会找其 install 方法，并把组件实例传递到 install 方法的参数中。