vue2.0_在vue中深拷贝的封装和使用

原创已于 2022-03-15 09:47:28 修改 · 769 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被收录于：

29 篇文章 2 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

于 2022-02-11 14:14:40 首次发布

本文介绍如何在Vue2.0项目中封装并使用深度拷贝功能。在`src/utils`目录下创建`index.js`，编写深拷贝函数，然后在页面中导入并应用于实际场景。

在src下的新建的utils文件夹中新建index.js文件，将封装代码写入：

/**
 * 深拷贝
 * @obj {Object} 被复制的对象
 * @target {Object} 目标对象,默认为空对象
 * @return {Object}
 */
function clone(obj, target) {
  target = target || {}
  for (var i in obj) {
    if (typeof obj[i] === 'object') {
      target[i] = (obj[i].constructor === Array) ? [] : {}
      clone(obj[i], target[i])
    } else {
      target[i] = obj[i]
    }
  }
  return target
}

//封装好之后导出
export {
	clone
}