上QQ阅读APP看书,第一时间看更新
第一篇 变化侦测
Vue.js最独特的特性之一是看起来并不显眼的响应式系统。数据模型仅仅是普通的JavaScript对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单、直接。不过理解其工作原理同样重要,这样你可以回避一些常见的问题。——官方文档
从状态生成DOM,再输出到用户界面显示的一整套流程叫作渲染,应用在运行时会不断地进行重新渲染。而响应式系统赋予框架重新渲染的能力,其重要组成部分是变化侦测。变化侦测是响应式系统的核心,没有它,就没有重新渲染。框架在运行时,视图也就无法随着状态的变化而变化。
简单来说,变化侦测的作用是侦测数据的变化。当数据变化时,会通知视图进行相应的更新。
正如文档中所说,深入理解变化侦测的工作原理,既可以帮助我们在开发应用时回避一些很常见的问题,也可以在应用程序出问题时,快速调试并修复问题。
本篇中,我们将针对变化侦测的实现原理做一个详细介绍,并且会带着你一步一步从0到1实现一个变化侦测的逻辑。学完本篇,你将可以自己实现一个变化侦测的功能。