Xinshenbaba的博客

Vue3.0响应式原理(Reactive)简单版实现下班回家，抽空写了这篇一直想写的关于vue3的reactive的文章，我们都知道在vue2中对于数据的响应式是通过Object.defineProperty来实现的，但是这个方法对于数组是无法监听的，而且对于复杂结构的对象，需要深层次的遍历对象的属性来进行监听，十分耗费性能。相比之下proxy拥有更强大的功能。下面我简单介绍一下proxy属性的优势Proxy可以直接监听对象而非属性Proxy可以直接监听数组的变化Proxy有13中拦截方法，功能

如何在VUE3+TS中引入Mockjs1.安装Mockjsyarn add mockjs -S2.创建mock文件夹，并在文件夹下创建index.ts typing.ts 以及你需要使用到的模块的.ts文件 例如：user.tsindex.ts里import Mock from 'mockjs';import user from './user';import { MockParams } from './typing';const mocks = [...user];//设置延时

VUE中的虚拟DOM1. 首先先讲一下什么是虚拟DOM，我们把组成一个DOM节点的必要的东西通过一个JS对象表示出来，那么这个JS对象就可以用来描述这个DOM对象，我们把这个JS对象称为这个DOM对象的虚拟DOM节点.2. 为什么要有虚拟DOM：直接操作真实DOM是非常消耗性能的，为了尽可能的在更新视图的时候减少DOM操作，我们可以通过JS的计算性能来判断数据变化前后的状态，只更新那些需要更新的部分。3. VUE中的虚拟DOM是怎么实现的：3.1.VNode类 :在VUE中存在一个VNode类，通