我在知乎讲react是全量更新脏检查，很【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。多人听不懂，说我在乱说，我也懒得理会。我【本文首发于唐霜的博客】【原创不易，请尊重版权】有一个例子，这个例子里面，我们可以看到r【作者：唐霜】著作权归作者所有，禁止商业用途转载。eact是全量更新，而vue可以做到定点【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。更新（当然，vue是不是实现了另说）。我本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。们来看下结构：

<a>
  <b>
  <c>
    <d>
  <e>

在这个结构里，我希望以直观的形式，去监督未经授权，禁止复制转载。【未经授权禁止转载】某个值变化，来实现<d>的更著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】新，注意，这里<d>是一个n【作者：唐霜】【转载请注明来源】ode。在react里面，我们的写法可能【未经授权禁止转载】【作者：唐霜】是这样：

<SomeComponent attr={this.props.tableTips} />

如果想要更新SomeComponent的著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。渲染结果，要么SomeComponent【访问 www.tangshuang.net 获取更多精彩内容】原创内容，盗版必究。内部做了什么处理，让其自身可以根据某些条本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net件重新渲染，要么必需是当前这个组件重新渲【版权所有，侵权必究】原创内容，盗版必究。染，让SomeComponent被动重新【版权所有，侵权必究】【原创不易，请尊重版权】渲染。但是为了重新渲染<d>原创内容，盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】而把a, b, c, e都重新渲染一遍，【本文受版权保护】著作权归作者所有，禁止商业用途转载。代价太大。有没有什么办法，在不重新渲染当【本文受版权保护】【版权所有，侵权必究】前组件的情况下，重新渲染<d>【版权所有】唐霜 www.tangshuang.net【版权所有，侵权必究】;这个片段？

一种方法是把d再封装一层，作为一个高阶组【版权所有】唐霜 www.tangshuang.net【原创内容，转载请注明出处】件，把需要监听的内容传入该封装好的组件，【作者：唐霜】原创内容，盗版必究。由组件来监听和重新渲染，这样就可以做到局【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net部重新渲染，而不需要整个重新渲染。但是，【本文受版权保护】【本文受版权保护】这种方法也很笨，因为不可能存在一种万能的【关注微信公众号：wwwtangshuangnet】【版权所有】唐霜 www.tangshuang.net高阶组件来达到这个目的，所以到处去写这样原创内容，盗版必究。【原创内容，转载请注明出处】的组件也不好。另外，高阶组件的使用，割裂本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。了阅读组件结构的顺序，让我们在后期的维护【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.net中，不得不跳来跳去看代码。

而vue就可以做到基于模板来优化这一需求本文版权归作者所有，未经授权不得转载。【访问 www.tangshuang.net 获取更多精彩内容】。例如：

<some-component attr="tableTips" />

就可以在模板编译时把tableTips作本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】为可动态读取的片段，这样，每次在渲染so著作权归作者所有，禁止商业用途转载。【转载请注明来源】me-component时，读取到的at本文作者：唐霜，转载请注明出处。【作者：唐霜】tr都可能是新的，从而带来重新渲染。

通过这个例子，我们就可以发现，虽然jsx【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。具有非常强的表达力，但它始终基于原生语法著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。，而作为模板语法，当然具有更强的能力。