响应式
| 分类 | Composition API（Vue3） - Proxy | Options API（Vue2）- Object.defineProperty |
|---|---|---|
| 响应式对象 | - | Vue.observable() v2.6 |
| 添加属性 | - | Vue.set() v2.0 |
\- | - | $set() v2.0 |
| 删除属性 | - | Vue.delete() v2.0 |
\- | - | $delete() v2.0 |
| 引用 | ref() v3.0 | data |
\- | isRef() v3.0 | - |
\- | unref() v3.0 | - |
\- | toRef() v3.3 | - |
\- | toRefs() v3.0 | - |
\- | toValue() v3.3 | - |
\- | shallowRef() v3.0 | - |
\- | triggerRef() v3.0 | - |
\- | customRef() v3.0 | - |
| 代理 | isProxy() v3.0 | - |
\- 响应式对象 | reactive() v3.0 | - |
\- | shallowReactive() v3.0 | - |
\- | isReactive() v3.0 | - |
\- 只读对象 | readonly() v3.0 | - |
\- | shallowReadonly() v3.0 | - |
\- | isReadonly() v3.0 | - |
| 原始对象 | toRaw() v3.0 | - |
\- | markRaw() v3.0 | - |
Ref
代理
响应式对象
只读对象
原始对象
响应式原理
其他
- Vue.nextTick() / $nextTick()
- Promise.then
- MutationObserver
- setImmediate()
- setTimeout(fn, 0)