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

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

Setup是VUE3.0中为我们新提供的的组件选项。 创建组件实例，然后初始化props，紧接着就调用setup函数，从生命周期钩子的视角来看，他在beforecreate之前调用。 setup()是函数，具有return，return函数中定义的变量，把其暴露给模板。 一：setup ...

定义： 1.setup是处于beforecreate和created生命周期间的函数； 2.setup是组合式api的入口； 3.setup函数中定义的变量和方法都是需要return出去的，不然没有办法在模板中使用； 注意事项; 1.因为在setup中尚未执行created初始化 ...

Vue3的 reactive 怎么用，原理是什么，官网上和reactive相关的那些函数又都是做什么用处的？这里会一一解答。 ES6的Proxy Proxy 是 ES6 提供的一个可以拦截对象基础操作的代理。因为 reactive 采用 Proxy 代理的方式，实现引用类型的响应性，所以我 ...

1.初识setUp的使用 2认识 reactive 的使用 3使用reactive 实现视图的删除 4将删除的逻辑分离出去，形成一个单独的模块 5. 实现添加功能，事件之间传递参数 6 将他们抽离成单独的文件 add.js adel.js ...

一、使用reactive函数声明数组如何正确赋值 　　需求：将接口请求到的列表数据赋值给响应数据 array 　　问题原因：这是因为 arr = newArr 这行代码让arr失去了响应式。vue3 使用proxy，对于对象和数组都不能直接整个赋值。 具体原因 ...

一、reactive 函数引入 　　import { reactive } from 'vue' 二、什么是 reactive？ 　　1、reactive 是 Vue3 中提供的实现数据响应式的方法 　　2、在 Vue2 中响应式数据 是通过 defineProperty 来实现的 所以再 ...