在vue中复制div和数组值的问题

<template>
  <div>
    <div ref="originalDiv">
      <!-- 这里是你要复制的div的内容 -->
    </div>
    <button @click="copyDiv">复制div</button>
    <div ref="targetContainer"></div>
  </div>
</template>

<script>
export default {
  methods: {
    copyDiv() {
      const original = this.$refs.originalDiv;
      const clone = original.cloneNode(true); // true表示深拷贝，包括子元素
      this.$refs.targetContainer.appendChild(clone);
    }
  }
};
</script>

let originalArray = [1, 2, 3];
let copiedArray = originalArray.slice();

let originalArray = [1, 2, 3];
let copiedArray = [...originalArray];

let originalArray = [{a: 1}, {b: 2}];
let copiedArray = JSON.parse(JSON.stringify(originalArray));

import _ from 'lodash';

let originalArray = [{a: 1}, {b: 2}];
let copiedArray = _.cloneDeep(originalArray);

<template>
  <div>
    <button @click="copyArray">复制数组</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      originalArray: [1, 2, 3]
    };
  },
  methods: {
    copyArray() {
      // 使用扩展运算符复制数组
      this.copiedArray = [...this.originalArray];
      // 或者使用其他复制方法...
    }
  }
};
</script>