如何用ES6新特性Proxy轻松实现长尾词数据绑定？

本文共计2260个文字，预计阅读时间需要10分钟。

原文示例：本文字例讲述了ES6使用新特性Proxy实现的数据绑定功能。分享给广大开发者参考，具体如下：

项目地址：https://github.com/jrainlau/mog在线体验：https://codepen.io/jrainlau/pen/YpyBBY作为前端，本例展示了如何使用ES6的Proxy特性实现数据绑定功能。

本文实例讲述了ES6使用新特性Proxy实现的数据绑定功能。分享给大家供大家参考，具体如下：

项目地址：github.com/jrainlau/mog
在线体验：codepen.io/jrainlau/pen/YpyBBY

---

作为一个前端开发者，曾踩了太多的“数据绑定”的坑。在早些时候，都是通过jQuery之类的工具手动完成这些功能，但是当数据量非常大的时候，这些手动的工作让我非常痛苦。直到使用了VueJS，这些痛苦才得以终结。

VueJS的其中一个卖点，就是“数据绑定”。使用者无需关心数据是怎么绑定到dom上面的，只需要关注数据就好，因为VueJS已经自动帮我们完成了这些工作。

这真的非常神奇，我不可救药地爱上了VueJS，并且把它用到我自己的项目当中。随着使用的深入，我更加想知道它深入的原理是什么。