Vue3中常用的Composition(组合)API-响应式数据的判断以及优劣势

48 阅读1分钟

响应式数据的判断

响应式数据的判断

有的时候我们的数据背重重加工,变得比较复杂混乱,这时候如果想要判断它是否是响应式数据,可以借助以下几个API

  • isRef: 检查一个值是否为一个 ref 对象
  • isReactive: 检查一个对象是否是由 reactive 创建的响应式代理
  • isReadonly: 检查一个对象是否是由 readonly 创建的只读代理
  • isProxy: 检查一个对象是否是由 reactive 或者 readonly 方法创建的代理

引入API

还是一样的想要用就得引入:

  import {isRef,isReactive,isReadonly,isProxy } from 'vue'

代码实现

简单写点数据判断是不是响应式的

当然都是响应式的

Composition API 的优势

学了常用的以及不常用的组合式API,那么它的优势在哪呢

Options API 存在的问题

Options(配置式)API属于Vue2中中的API,使用传统OptionsAPI中,新增或者修改一个需求,就需要分别在data,methods,computed里修改 。

sition API 的优势

我们可以更加优雅的组织我们的代码,函数。让相关功能的代码更加有序的组织在一起。