_Hello77.-CSDN博客

原创 Vue3中，ref 和 reactive的区别？

ref需要在模板中使用ref指令以及在JavaScript海马中使用ref函数进行创建和使用，reactive需要通过调用vuejs提供的reactive函数进行包装和创建。reactive用于包装JavaScript对象和数组等复杂类型的数据。对于reactive创建的响应式对象，可以直接访问属性或调用方法。通过ref创建的响应式数据，需要通过.value属性访问值，reactive用于定义复杂类型。ref用于包装JavaScript基本类型的数据。reactive定义的基本类型不具有响应式。

2023-12-21 18:52:21 1966 1

原创 Watch和watchEffect的区别

watch既要指明监听的属性，也要指明监听的回调。默认是惰性执行，监听源可以是一个具有返回值的getter函数，也可以是一个ref。watchEffect不用指明监听那个属性，监听的回调中用到哪个属性就监听哪个属性，会根据其中的属性，自动监听其变化。computed注重的是计算出来的值，必须要有返回值。watchEffect更注重的是过程，不需要写返回值。两者都可以监听data属性的变化。

2023-12-21 18:41:11 546 1

原创 Vue和react的区别

Vue和React都支持组件化开发，Vue使用单文件组件的形式将HTML、CSS和JavaScript代码封装在一个文件中。由于Vue使用模板和虚拟DOM的方式来处理视图更新，相比React在某些情况下可能具有更好的性能。Vue使用双向数据绑定，数据的改变会自动更新视图，而视图的改变也会同步更新数据。React采用的是单向数据流，数据的更新只能通过props和state进行传递。react：React是前端组件化框架，由后端组件化发展而来。vue：Vue本质是MVVM框架，由MVC发展而来；

2023-12-20 16:44:11 413 1

原创 vue2和vue3的区别

vue3对TypeScript的支持更加完善，在类型定义上进行了改进，提供更强大的类型推导和类型校验，使开发人员更容易进行类型安全的编码。运行时的体积进行了优化，移除不常用的api和功能，使用更强大的tree-shaking，使得vue3的体积比vue2小。vue中使用的是object.defineProperty。vue2中可以使用过滤器，vue3中不支持使用过滤器。vue2采用选项式api。vue3采用组合式API。vue3中使用的是proxy。

2023-12-20 16:42:52 404 1

原创 vue的响应式原理

通过object.defineProperty（）堆属性的读取，修改进行拦截，通过getter和setter方法进行查看数据的修改，通过发布订阅者模式进行数据与视图的响应式。直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，返回此对象。proxy直接监听对象，而非属性，将多个属性转换成getter和setter，不需要使用循环。vue2响应式是通过object.defineProperty来完成的。vue3的响应式原理是通过proxy来完成的。proxy是es6中新增的，IE不支持。

2023-12-19 11:57:31 362 1

原创 $nextTick实现原理

的实现原理就是将需要异步执行的任务添加到队列中，等待浏览器完成一次更新周期后再去执行这些任务。当浏览器执行完本次更新周期后，进入下一个事件循环时，Vue会从队列中取出所有任务，并依次执行它们。在执行每个任务之前，Vue会先判断该任务是否已被取消，如果是，则不再执行该任务。实际上是Vue对浏览器事件循环机制的封装，Vue将需要在下一个事件循环中执行的回调函数存放到一个队列中，等待浏览器完成当前的一次更新后，再去执行这个队列中的所有回调函数。如果队列中已经存在该回调函数，则直接跳过，避免重复添加。

2023-12-02 11:03:10 368

原创 react相关面试题

ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。Symbol函数前不能使用new命令，否则会报错。这是因为生成的Symbol是一个原始类型的值，不是对象Symbol函数可以接受一个字符串作为参数，表示对Symbol实例的描述，主要是为了在控制台显示，或者转为字符串时，比较容易区分。1、闭包就是能够读取其他函数内部变量的函数，说白了闭包就是个函数，只不过是处于其他函数内部而已。

2023-08-18 15:47:36 121 1

原创 typescript 中都有哪些修饰符，说明他们的作用?

抽象修饰符，用于声明抽象类和抽象方法。抽象类不能被实例化，只能被继承。抽象方法在抽象类中只有声明，没有具体实现。需要在派生类中实现。

2023-08-16 21:15:13 89 1

weixin_68537777的博客