vue项目里面,__ob__对象的理解
最近在用一个后台管理开源框架时,动态配置路由,报错addRoutes()传的值不是数组,研究后发现是因为我传的数组中有__ob__这个对象。
后来只有格式转了一下才生效。
// router.addRoutes(accessRoutes) // 这种写法报错 router.addRoutes([...accessRoutes])
两个数组accessRoutes 和 [...accessRoutes]打印之后的区别:
vue中,带有_ob__:Observer的数组,无法取到里面的值
console.log('开始') console.log([...this.upData]) 拷贝一个数组, 打印此刻的瞬时状态 console.log(this.upData[0]) console.log('结束')
打印this.upData[0]
的值,为undefined
,
自己也百度了下vue的Observer,只是得到大概信息:observer是Vue核心中最重要的一个模块(个人认为),能够实现视图与数据的响应式更新,底层全凭observer的支持。
百度也有答案讲的是:控制台打印的是引用,打印的时候并没有值,之后某个时刻有值了,然后才能打印出来值,提议可以试试下面方法:
console.log('开始') console.log([...this.upData]) 拷贝一个数组, 打印此刻的瞬时状态 console.log(this.upData[0]) console.log('结束')
参考地址:https://segmentfault.com/q/1010000016033230