这不是什么难事，一般来说没必要动用虚拟DOM。
今年早些时候我写了一篇文章，声称Web组件最终将取代前端框架。
这篇文章引起了很多争议，这大大出乎我的意料，但也让我收获良多。有很多人同意我的观点，也有很多人持否定态度，甚至有人觉得我根本就是脑子进水，应该永远禁止我再写代码了。总的来说，争论的双方都提出了很不错的观点。
批评声音主要指出现有的框架提供了一种通过数据绑定编写视图的声明式途径，这是原生Web组件天生不具备的能力。这一观点本身没错，但其实Web组件是很容易实现数据绑定的，我将在本文中演示具体做法。
声明式数据绑定的情况
数据绑定最早是被Angular、Backbone和Ember等框架推广而流行开来的，现在则在某种程度上是编写视图的标准途径。它能让“视图作为数据的函数”，意味着每当某些数据发生变化时，相关视图将“自动”更新。
不需要冗长的DOM操作来保持数据和视图同步，只需更新数据，视图就会随之变化。这是一项杀手级功能，如今但凡理智的开发人员就会用它。所以很容易理解为什么开发人员会使用提供了数据绑定功能的框架，就算框架对于应用来说太大材小用也无所谓：既然框架打理好了一切，何必要费心费力处理那些麻烦的DOM操作呢？