vue数据双向绑定原理

vue数据双向绑定原理,其实就是object.defineProperty重写get和set方法

varBook = {};

varname = '';

Object.defineProperty(Book, 'name', {

  set: function (value) {

    name = value;

    console.log('你取了一个书名叫做' + value);

  },

  get: function () {

    return'《' + name + '》'  }

})

Book.name = 'js';// 你取了一个书名叫做js

console.log(Book.name);// 《js》

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 构建一个基于数据双向绑定原理的应用 首先,这一切都是基于我们能够实时监听到数据变化,并根据变化做出实时响应 构建一...
    hux1ao阅读 833评论 0 1
  • 啰嗦一点的总结:在数据渲染时使用prop渲染数据,将prop绑定到子组件自身的数据上,修改数据时更新自身数据来替代...
    Coldhands阅读 273评论 1 0
  • vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的,那么vue是如果进行数据劫持的,我们可以先来...
    汶沐阅读 432评论 1 1
  • 前面一篇《几个人的食物森林?》发表出去后,得到更多的一句话:请问你的盈利点在哪?所有人的焦点几乎惊人的一致! 对于...
    易倫茂阅读 483评论 1 1
  • 很精致的一篇短文,从中我了解到什么是微习惯,它会给我们带来什么样的好处,以及如何培养微习惯? 第一次听到这新鲜的三...
    仁素阅读 246评论 0 1

友情链接更多精彩内容