美文网首页
vue3 ts版本深度拷贝功能推荐ts-deepmerge

vue3 ts版本深度拷贝功能推荐ts-deepmerge

作者: 吃小狗的骨头 | 来源:发表于2022-03-18 23:24 被阅读0次

    在使用js版本开发vue的时候,需要用到深度拷贝。一般都是用的deepMerge这个进行深度拷贝。但是在VUE3里面,尤其使用ts版本的时候,就不能很好的使用deepMerge这个控件了。从网上找了个一下,出现一个ts版本的deepMerge可以实现深度拷贝功能。

    安装:

    npm i ts-deepmerge
    

    然后在需要引入的地方

    import merge from "ts-deepmerge";
    import _config from './config'     // 需要合并的第一个模块
    import { setting } from './default/index'  // 需要合并的第二个模块
    
    
    const returnModel = merge(setting, _config)
    
    
    export default returnModel
    

    这样,就可以完成合并了,如果是一个对象,那就是深度拷贝了。

    ts-merge地址:GitHub - voodoocreation/ts-deepmerge: A TypeScript deep merge function with automatically inferred types.

    相关文章

      网友评论

          本文标题:vue3 ts版本深度拷贝功能推荐ts-deepmerge

          本文链接:https://www.haomeiwen.com/subject/dvzwdrtx.html