深拷贝的应用场景(vue项目中:table中涉及的数据拷贝)

1、当数据类型比较简单(解释:对象,数组)的时候,可以用浅拷贝( { ...变量 } )的形式。

但在一些数据类型比较复杂(解释:对象里面套数组,数组里又套对象)的时候,浅拷贝无法解决问题,需要用深拷贝( cloneDeep(变量))。

2、举例

深拷贝的应用场景(vue项目中:table中涉及的数据拷贝)_第1张图片

当选择修改时,出现上图界面,用户在进行修改属性的时候,点击取消时,页面数据依旧会变化(由于v-model的双向绑定),所以需要拷贝,但由于数据类型的复杂性,只能用深拷贝。

3、步骤

①lodash在node_modules中

 ②利用 cloneDeep(需要深拷贝的数据)

 

你可能感兴趣的:(vue.js,前端,javascript)