observe数据代理

今天 ,在工作中碰见一个问题,就是数据我从后台获取到了,然后日常将其赋值到data对象里面一个变量里面

因为是一个数组我想在前台遍历然后问题就出现了一直报我 undefined

然后我再控制台打印了下显示 observe 百度了说了下这种情况是vue中的一个数据代理什么的

不让遍历除非你进行深拷贝再赋值到一个变量里面才可以

我试了下JSON.parse(JSON.stringify(数据)) 这样就可以遍历

不知道为什么我这样还是不行可能是哪里出了什么问题我最后是把那个从后台返回的数据单独把需要遍历的数组对象取出来单独使用一个变量存放最后在前台可以遍历出来了

还有一种情况就是我在前台把数据遍历出来但是还是报错显示我undefined 数据确实正常显示了

这个是因为 vue渲染的时候你这个数据还没有回来 vue中的数据实行的是观察者模式如果数据一旦回来它就自动赋值了

所以你看到了页面正常显示但还是报错了

这种方法其实你可以先用v-if 判断如果有值的情况下在显示数据

2.还有一个问题是

从vue从后台返回的视频资源路径我发现了在前台界面上显示不出来

<source :src="videoSrc">

上面这种方法视频显示不出来最后用线面这种方法可以正常显示很奇怪

observe数据代理相关推荐

get vue 和set 用法_深入剖析Vue源码 - 数据代理，关联子父组件
简单回顾一下这个系列的前两节,前两节花了大篇幅讲了vue在初始化时进行的选项合并.选项配置是vue实例化的第一步,针对不同类型的选项,vue提供的丰富选项配置策略以保证用户可以使用不同丰富的配置选项. ...
流媒体数据代理----Anychat
"用户流媒体数据代理功能",使用该功能可以实现指定用户将其它用户的流媒体数据(音频.视频)做为自己的数据,转发给请求指定用户相关数据的用户. 应用场景:将指定用户(P)设置为其它用 ...
data 的数据代理
一.Object.defineProperty() 控制对象的属性值 let num = 18; let person = {name: 'mary',age: num; };Object.defin ...
Vue数据代理与数据监测
一.数据代理 1.什么是数据代理? 数据代理:通过一个对象代理对另一个对象中属性的操作 2.Vue数据代理通过vm对象来代理配置对象data中所有属性的操作. (如果想访问data里的数据,可以直接 ...
【Vue2.0】—数据代理（一）
[Vue2.0]-数据代理(一) Vue 的数据代理:通过VM对象来代理data对象中属性的操作(读/写) Vue 中数据代理的好处:更加方便的操作data中的数据基本原理: 通过Object.de ...
vue2知识点：数据代理
文章目录一.何为数据代理二.vue中的数据代理三.回顾Object.defineProperty() 本人其他相关文章链接一.何为数据代理数据代理:通过一个对象代理对另一个对象中属性的操作( ...
【精讲】vue数据绑定、数据内容的应用、数据结构、数据代理
目录简介 vue数据绑定数据内容的应用数据结构数据代理知识点拓展简介 vue是一款实用的框架,他可以大大提高我们编写项目的速度.在之前的板块中,我们聊过vue框架的实用性,在这一板块,我们 ...
vue面试核心，双向数据绑定，数据代理，数据劫持，发布订阅，数据编译，看这个demo就够了
vue面试核心,双向数据绑定,数据代理,数据劫持,发布订阅,数据编译,看这个demo就够了. 不在怕面试官,你给我怼过去.复制到html文档,浏览器运行即可. mvvm原理剖析 {{singer}}
从零学习Vue - 02模板语法、el与data两种写法、mvvm模型、数据代理
root容器里的代码被称为模板,有了模板会有特殊的模板语法.Vue模板中语法有两大类,一类是插值语法,另一类是指令语法. 插值语法功能:用于解析标签体内容.写法:{{xxx}},xxx为js表达式, ...

observe数据代理

observe数据代理相关推荐

最新文章

热门文章