如何优化vue中对于_ob_:observer的配置策略?

2026-05-20 16:227阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计435个文字,预计阅读时间需要2分钟。

如何优化vue中对于_ob_:observer的配置策略?

目录+关于_ob_:observer的处理+Vue中[__ob__:Observer]问题+关于_ob_:observer的处理+使用this.list.push()后,会出现_ob_:observer这样的对象。+网上很多地方说使用这种方法:+JSON.parse(JSON.stringify(this))

目录
  • 关于_ob_:observer的处理
  • vue中[__ob__: Observer]问题

关于_ob_:observer的处理

在使用this.list.push()后,会出现_ob_:oberver这样的对象。

网上很多地方说使用这个方法:

JSON.parse(JSON.stringify(this.list))

但是很多人试了没用,他们可能是这么写的

this.list=JSON.parse(JSON.stringify(this.list)) console.log(this.list)

但其实是这个是有用的,弄一个新变量再输出

let nerArr = JSON.parse(JSON.stringify(this.List))

简而言之,如果碰到这种问题,不要使用data()里面定义的数据直接操作,要操作前,请先new一个对象

vue中[__ob__: Observer]问题

__ob__: Observer这些数据是vue这个框架对数据设置的监控器,一般都是不可枚举的。

阅读全文

本文共计435个文字,预计阅读时间需要2分钟。

如何优化vue中对于_ob_:observer的配置策略?

目录+关于_ob_:observer的处理+Vue中[__ob__:Observer]问题+关于_ob_:observer的处理+使用this.list.push()后,会出现_ob_:observer这样的对象。+网上很多地方说使用这种方法:+JSON.parse(JSON.stringify(this))

目录
  • 关于_ob_:observer的处理
  • vue中[__ob__: Observer]问题

关于_ob_:observer的处理

在使用this.list.push()后,会出现_ob_:oberver这样的对象。

网上很多地方说使用这个方法:

JSON.parse(JSON.stringify(this.list))

但是很多人试了没用,他们可能是这么写的

this.list=JSON.parse(JSON.stringify(this.list)) console.log(this.list)

但其实是这个是有用的,弄一个新变量再输出

let nerArr = JSON.parse(JSON.stringify(this.List))

简而言之,如果碰到这种问题,不要使用data()里面定义的数据直接操作,要操作前,请先new一个对象

vue中[__ob__: Observer]问题

__ob__: Observer这些数据是vue这个框架对数据设置的监控器,一般都是不可枚举的。

阅读全文