Skip to content

深入响应式系统

Vue 最标志性的功能就是其低侵入性的响应式系统。组件状态都是由响应式的 JavaScript 对象组成的。当更改它们时,视图会随即自动更新。这让状态管理更加简单直观.

什么事响应式

本质上,响应式是一种可以使我们声明式的处理变化的编程范式.一个景点的Excel例子:

image-20250810204654217

A2 = A0+A1

我们在改动A0 或 A1 的时候,A2的值也会对应的更新

但是 JavaScript 中默认并没有这样的关联关系

js
let A0 = 1
let A1 = 2
let A2 = A0 + A1

console.log(A2) // 3

A0 = 2
console.log(A2) // 仍然是 3