主要观点：前端框架的核心是变更检测，不同框架从不同角度解决此问题，考察各框架的变更检测方式可帮助选择适合的框架，且框架的变更检测方式影响着框架的方方面面。
关键信息：

• React：变更检测是“just JavaScript”，通过调用 React API 更新状态，React 知道状态变化后重新渲染组件，默认风格虽有变化但核心原则不变，需在应用包中包含 React 运行时。
• Angular：看似自动进行变更检测，实则利用NgZone观察用户动作并检查整个组件树，提供OnPush策略让开发者手动告知状态变化，开发复杂应用时较难处理，团队正在研发新的Signals方法来改善。
• Vue：通过特殊处理的状态对象拦截和检测变化，有“Options API”和“Composition API”两种不同方式，利用 JavaScript 语言特性让开发者无需过多考虑变更检测。
• Svelte：在编译时分析代码 AST 并注入代码更新 DOM，无需在应用包中包含大型运行时，开发者无需思考变更检测，用户体验更好。
  重要细节：
• React 示例组件通过useState hook 管理状态并实现按钮计数器。
• Angular 在OnPush策略下需手动调用markForCheck告知变更，还可使用 RxJS observables 结合AsyncPipe处理状态变化。
• Vue 的两种 API 方式虽不同但都能实现状态检测。
• Svelte 的编译时方式在代码中通过$$invalidate进行 DOM 更新。
  各框架的变更检测方式不仅影响组件层面，还对框架的其他方面如自定义钩子、与工具集成等产生影响，且对用户体验也有不同程度的影响，应选择适合应用需求的变更检测范式。