这几年，前端技术栈发展真是太快了。从之前的jquery、ext.js等框架进行dom操作，到现在的mvvm模式，前端开发者逐渐将注意力从DOM操作中解放出来，专注于逻辑的实现。个人认为开发效率至少提高了一倍。mvvm模型的核心是数据的双向绑定。什么是数据双向绑定？上面说的就是数据双向绑定在vue框架中的应用。个人觉得这个特性非常好，是大大提高开发效率的关键。如果脱离mvvm的框架，我也想实现这种数据的双向绑定。可以实现，怎么实现呢？使用原生js模拟双向数据绑定实现步骤：1：使用js监听数据变化，定时将变化的数据同步到页面。为了实现这个功能，我们需要用到js的一个方法，Object.defineProperty。推荐我的前端群：524262608，不定期会有干货分享，初学者也有一套入门教程，欢迎初学者和进阶的朋友。1.属性介绍2.方法介绍大致介绍了defineProperty的两个核心方法。看到这里，你就知道可以使用这两个内置的方法来做事了。见下面使用该方法实现双向数据绑定的例子，效果如下。当名称改变时，下面输入框的值也同步改变：总结：虽然我对这个属性研究不多，但感觉挺新鲜的。之前只是用了mvvm模式带来的便利，自己并不知道。如何实现完全是发人深省，不过小伙伴们，看完上面的代码，现在你脑子里的疑惑应该少了很多，哈，嘎嘎。
