vue中关于对象的监听与数组的监听

数组:

数组可监听到的方法:'push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse'

如果是根据索引改变值,需要使用vue.$set来改变。

 

对象:

监听一个对象的话,首先要知道对象的删除或者新增是监听不到的。需要使用vue.$set或者vue.$delete

其次如果监听一个深层对象,需要使用deep:true方法,但是watch监听到这个对象的newval与oldval是相同的。(原因:侦听一个响应式对象或数组将始终返回该对象的当前值和上一个状态值的引用。为了完全侦听深度嵌套的对象和数组,可能需要对值进行深拷贝。这可以通过诸如 lodash.cloneDeep 这样的实用工具来实现。)
例如:计算属性深拷贝要坚挺的值,监听这个计算属性。这时候你也不用写deep位true了。解决了新旧值相同的问题,十分方便

如果你监听的事对象中的某一个值,你在watch中可以这么些 “obj.xx” 这时候监听的只有那一个值

 

posted @   菜鸟小何  阅读(1342)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示