Vue3 响应式数据 reactive使用

ref 与 reactive 是 vue3 提供给我们用于创建响应式数据的两个方法。

reactive 常用于创建引用数据,例如:object、array 等。

reactive 则是通过 proxy 来实现的响应式数据,并配合 reflect 操作的源对象。

 reactive 创建引用数据:



reactive 只能创建引用数据(数组或对象)。另外通过 reactive 创建的数据可以直接使用,不需要通过 value 属性获取。 

Vue3 响应式数据 reactive使用_第1张图片


:reactive 创建的是一个深层次的数据对象,不论多少层,reactive 都能检测到数据的变化

 reactive 创建数组 :




 :vue3 通过下标修改数据时,页面也会实时更新。

Vue3 响应式数据 reactive使用_第2张图片

原创作者:吴小糖

创作时间:2023.11.23 

你可能感兴趣的:(vue.js,前端,javascript)