-
记录--图解 Vue 响应式原理
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助最近部门分享，有同学提到了Vue响应式原理，大家在讨论时，发现一些同学对这一知识理解还不够深入，不能形成一个闭环，为了帮助大家理解这个问题，我重新过了一下Vue源码，并整理了多张流程图，便于大家理解。Vue初始化模板渲染组件渲染本文Vue源
-
require 与 import
common.js模块化规范app.js文件：//require在代码执行阶段才会调用引入文件，编译（预解析）时不会执行，所以下面会报错//console.log(dep);ReferenceError:depisnotdefinedconstdep=require('./dep');//requi
-
Vue2剥丝抽茧-响应式系统之数组
场景复制import{observe}from"./reactive";importWatcherfrom"./watcher";constdata={list:["hello"],};observe(data);constupdateComponent=()=>{for(constitemo
-
Vue2剥丝抽茧-响应式系统之分支切换
场景我们考虑一下下边的代码会输出什么。复制import{observe}from"./reactive";importWatcherfrom"./watcher";constdata={text:"hello,world",ok:true,};observe(data);constupdateCom
-
Vue2剥丝抽茧-响应式系统
目前工作中大概有40%的需求是在用Vue2的技术栈，所谓知其然更要知其所以然，为了更好的使用Vue、更快的排查问题，最近学习了源码相关的一些知识，虽然网上总结Vue的很多很多了，不少自己一个，但也不多自己一个，欢迎一起讨论学习，发现问题欢迎指出。响应式系统要干什么回到最简单的代码：复制data={t
-
六千字详解！讲透 Vue3 响应式是如何实现的
前言本文使用ref对vue的响应性进行解读，仅仅是响应性原理解析，不涉及vue组件等概念。vue的响应性的实现，在@vue/reactivity包下，对应的源码目录为packages/reactivity。如何调试vue源码，可查看该文章[1]为什么使用ref进行讲解，而不是reactive？re
-
一文搞定数据响应式原理
在Vue中，其中最最最核心的一个知识点就是数据响应式原理，数据响应式原理归结起来就包含两大部分：侦测数据变化、依赖收集，了解这两个知识点就了解到了数据响应式原理的精华。一、侦测数据变化能够帧听到数据变化是数据响应式原理的前提，因为数据响应式正是基于监听到数据变化后来触发一系列的更新操作。本次介绍数据
-
一张图理清Vue 3.0的响应式系统
本文首发于我的博客：《一张图理清Vue3.0的响应式系统》 随着Vue3.0PreAlpha版本的公布，我们得以一窥其源码的实现。Vue最巧妙的特性之一是其响应式系统，而我们也能够在仓库的packages/reactivity模块下找到对应的实现。虽然源码的代码量不多，网上的分析文章也有一
