一、问题背景 　　vue3使用el-form的时候，如下代码，会导致输入框无法输入，无法赋值，选择框无法选择 　　ref 组件实例与 ref() 声明响应式变量名重复就会导致响应式失效这样的问题，form的任何表单内容均无法输入，且会报错：Uncaught (in promise ...

因为新开了一个项目使用vue3，不太熟悉，其中使用了ref和reactive关键字，简单翻看文档和一些讲解之后，知道ref的实现是reactive。但使用中reactive()修饰的变量，不能直接对数组进行赋值操作，ref()却可以，这个问题感到很奇怪。 记录一下现在自己的想法 因为vue3 ...

reactive 接收一个普通对象然后返回该普调对象的响应式代理。等同于2.x的 Vue.observable() Vue3中响应数据核心是 reactive ， reactive 中的实现是由 Proxy 加 effect 组合 （effect 作为 reactive 的核心，主要负责 ...

响应性基础 API 之 reactive 基本用法 返回对象的响应式副本，只能代理对象，不能代理普通值 实现原理 reactive 是基于 Proxy 实现的响应式。 以上代码只是Vue3的部分源码，简单的实现了reactive的响应式原理。 ...

reactive 定义数据响应式 1、实现：基于ES6的 proxy 实现 2、参数：接收一个 对象 或者 数组 3、优点：能对深层次数据进行处理 　　　　 能直接修改数组 　　　　 能直接把对象属性进行新增、修改、删除（Object.defineProPerty 需要遍历对象 ...

vue3使用proxy，对于对象和数组都不能直接整个赋值。 数组可以 res.forEach(e => { arr.push(e); });或者 const state = reactive({ arr: [] }); state.arr = [1, 2, 3] arr.push ...

上一部分中我们说到的ref只是作为单个变量的响应。 Vue3.0中还为我们提供了一个对象式响应的reactive函数 。 Reactive函数创建一个响应式对象。 一：Reactive函数 其实，在我看来，reactive函数 就是VUE3.0为我们提供的替代VUE2.0中data的一个 ...

reactive的用法与ref的用法相似，也是将数据变成响应式数据，当数据发生变化时UI也会自动更新。不同的是ref用于基本数据类型，而reactive是用于复杂数据类型，比如对象和数组例如：定义一个对象类型的变量user <template> <div> < ...