js中对象的属性要注意的点以及在vue中watch对象的属性的方法

取对象值有两种方式,

const obj={

a:'1'

}

obj.a或者obj'a',中括号还可以写成

const name = 'a'

objname和obj'a'是一个意思。

然后在vue的watch要监听对象的属性,写法是

watch:{

'obj.a'(new,old){}

}

这样的方式。

然后对象的深度拷贝可以通过自己手写递归来实现,也可以通过JSON.parse(JSON.stringify(obj))来实现。

手写递归的话

function deepClone(duixiang){

if(duixiang===null||typeof duixiang !== 'object') return duixiang

let clone=Array.isArray(duixiang)?\[\]:{}

for(let item in duixiang){

if(duixiang.hasOwnProperty(item)){

cloneitem = deepClone(duixiangitem)

}

}

return clone

}

const newObj = deepClone(obj)

相关推荐
用户298698530144 分钟前
React 项目中灵活管理 Excel 工作表:增删与移动
javascript·react.js·excel
weedsfly6 分钟前
从类继承到自定义 Hook:模板方法模式的前端演进
前端·javascript·面试
Quz7 分钟前
QML 线性布局:Row/RowLayout 与 Column/ColumnLayout
前端·qt
你为她披上外套时我正站在窗外12 分钟前
用 Rust + WebAssembly 写了个字幕工具,文件全程不离开浏览器
前端
帅帅哥的兜兜12 分钟前
AI模型初了解
前端
bonechips13 分钟前
React + WebGPU(二):合成事件与进度条组件封装
前端·react.js
我是大卫16 分钟前
【图】React源码解析-从底层数据结构、渲染调度到闭包原理深挖useRef的核心机制
前端·react.js·源码
光影少年21 分钟前
RN导航与路由
前端·react native·react.js
smallcelebration32 分钟前
139 @vueuse/core依赖介绍使用
前端·javascript·vue.js
蒜苔肉丝44 分钟前
Vue3 动态表单:模块复用 + 动态增删行 + 数据回显
前端·javascript·vue.js