终极萌萌暴龙战士 2023-01-10 17:59 采纳率: 93.8%
浏览 28
已结题

关于vue中数组转换的问题

如何将这种数组

img


转换为这种数组

img

前者的数组是通过vue实现的,也就是数组添加之后得到的数据,而后者则是The real Array

  • 写回答

3条回答 默认 最新

  • Sam9029 2023-01-11 10:46
    关注

    有实验链接:https://codepen.io/sam9029/pen/xxJqNLL

    • 解构就可以实现
      vue2,vue3 都支持
    
    data() {
        return {
          message: 'Welcome to Vue!',
          myarr:[1,2,3]
        };
      },
      //   直接解构
      mounted(){
        console.log('hi',this.myarr)
        console.log('hilfter',[...this.myarr])
      },
    
    • vue3还有提供了转为原生对象的 API toRaws() (但只能用于 reactive 定义的对象)
    // vue3 Composition API
    import {ref,reactive,toRaw} from 'vue';
    let amyarr = ref([1,2,3])  
    let bmyarr = reactive([5,6,4])
    
    console.log("ref",amyarr)
    console.log("refAfter",[...amyarr.value])
      
      
    console.log("reactive",bmyarr)
    console.log("reactiveAfter",[...bmyarr])
    console.log("reactiveAfterRaw",toRaw(bmyarr))
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 1月19日
  • 已采纳回答 1月11日
  • 创建了问题 1月10日

悬赏问题

  • ¥15 如何证明高斯噪声的包络公式
  • ¥150 寻找王者荣耀开发作者,合作或者解答
  • ¥15 乳腺癌数据集 相关矩阵 特征选择
  • ¥15 我的游戏账号被盗取,请问我该怎么做
  • ¥15 通关usb3.0.push文件,导致usb频繁断连
  • ¥15 有没有能解决微信公众号,只能实时拍照,没有选择相册上传功能,我不懂任何技术,,有没有给我发个软件就能搞定的方法
  • ¥15 Pythontxt文本可视化
  • ¥15 如何基于Ryu环境下使用scapy包进行数据包构造
  • ¥15 springboot国际化
  • ¥15 搭建QEMU环境运行OP-TEE出现错误