【手写 Vue2.x 源码】第一篇 - 使用 rollup 构建 Vue 环境下载

【手写 Vue2.x 源码】第一篇 - 使用 rollup 构建 Vue 环境

文章：【手写 Vue2.x 源码】第一篇 - 使用 rollup 构建 Vue 环境 链接：https://blog.csdn.net/ABAP_Brave/article/details/128538161 内容：第一篇-使用 rollup 构建 Vue 环境： 工程初始化、安装依赖、创建入口、配置 Rollup 、构建脚本、Vue 打包构建，vue 使用测试；

Vue3.x源码调试的实现方法

主要介绍了Vue3.x源码调试的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

vue2.x 对象劫持的原理实现

目标：手写迷你版Vue 一：使用rollup打包,打包后的代码体积更小，更适合写框架源码的打包 npm i rollup -D 二：安装babel相关的包，以及实现静态服务，设置环境变量的包 npm i @babel/core @babel/preset-env rollup-plugin-babel roullup-plugin-serve cross-env -D 三：包的相关介绍 rollup (打包工具) @babel/core(用babel核心模块) @babel/preset-env（babel将高级语法转成低级语法） rollup-plugin-serve

【手写 Vue2.x 源码】第四篇 - 对象的深层劫持

文章：【手写 Vue2.x 源码】第四篇 - 对象的深层劫持 链接：https://blog.csdn.net/ABAP_Brave/article/details/128566839 内容：对象深层劫持的实现 1. 通过`data = isFunction(data) ? data.call(vm) : data;`处理后的 data 一定是对象类型; 2. 通过`data = observe(data)`处理后的 data 就实现了数据的响应式（目前只有劫持） 3. observe 方法最终会返回一个 Observer 类 4. Observer 类初始化时，通过 walk 遍历属性 5. 对每一个属性进行 defineReactive（Object.defineProperty）实现对象属性的单层数据劫持 6. 在 defineReactive 中调用 observe，如果当前属性的值为对象类型，继续对当前对象属性进行观测（即递归执行步骤 3~5），实现对象属性的深层数据劫持

【手写 Vue2.x 源码】第五篇 - 数组的劫持

文章：【手写 Vue2.x 源码】第五篇 - 数组的劫持 链接：、https://blog.csdn.net/ABAP_Brave/article/details/128566890 内容：本篇主要介绍了 Vue 数据初始化流程中，数组类型的数据劫持，核心有以下几点： 出于对性能的考虑，Vue 没有对数组类型的数据使用 Object.defineProperty 进行递归劫持，而是通过对能够导致原数组变化的 7 个方法进行拦截和重写实现了数据劫持；