vue

{__ob__: Observer } 的解决方式

大家在使用vue做开发时,经常遇到打印数据时,数据包含{__ob__: Observer }想去掉observer怎么办?ob: Observer这些数据是vue这个框架对数据设置的监控器,一般都是不可枚举的。网上有很多解决的方案:第一种:ob: Observer 是 Vue 对数据监控添加的属性,如果想去掉可以用赋值的方式。例加粗样式如Object.assign({},this.owner)。

vue.js 实现响应式数据同步的原理,底层逻辑实现代码

底层的原理是实用数据代理,利用js的defineProperty函数 实现思路: 1、先创建一个原始对象data; 2、创建一个监听对象Observer,监听data属性变化 3、通过Object.keys把data里的所有元素,生成为数组 4、遍历数组,生成数据代理obs,obs=data数据同步 5、创建实例对象vm,vm._data = data =obs