vue双向绑定原理,vueX和localStorage区别,路由钩子在vue生命周期,计算属性和普通属性的区别

1、VUE实现双向数据绑定的原理?

Vue 实现 双向数据绑定 主要采用:数据劫持结合“发布-订阅”模式的方式,通过Object.defineProperty()的 set 和 get,在数据变动时发布消息给订阅者触发监听。

Object.defineProperty( )是用来做什么的?它可以来控制一个对象属性的一些特有操作,比如读写权、是否可以枚举,这里我们主要先来研究下它对应的两个描述属性get和set.如果还不熟悉其用法,。

代码例子: 

var Book = {} var name = \'\'; Object.defineProperty(Book, \'name\', { set: function (value) { name = value; console.log(\'你取了一个书名叫做\' + value); }, get: function () { return \'《\' + name + \'》\' } }) Book.name = \'vue权威指南\'; // 你取了一个书名叫做vue权威指南 console.log(Book.name); // 《vue权威指南》

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzpsyg.html