Utils 工具库 - DeepCloneMerge 深度拷贝、合并

深度拷贝

#deepClone

• 代码示例：

<template>
    <div class="wrapper">
        <text>deepClone: 深度拷贝</text>
    </div>
</template>
<script>
export default {
    data:()=> ({
        name: 'deepCopy',
    }),
    methods: {
        cloneHandler() {
            let data = {
                name: 'dolphinWeex',
                keyName: ['dolphin', 'weex'],
                detail: {
                    type: 'framework'
                }
            }
            //数据深拷贝
            let res = this.$util.deepClone(data)
            data.detail.type = 'weex framework'
            this.$toast(res)
        }
    }
}
</script>
<style scoped>
.wrapper{
    background-color: #ffffff;
}
</style>

#参数

• 成功时返回

Params	Type	Required	default	Value
obj	any	Y	-	要拷贝的数据

#深度合并

#deepMerge

• 数据深度合并

<template>
    <div class="wrapper">
        <text>deepMerge: 深度合并</text>
    </div>
</template>
<script>
export default {
    data:()=> ({
        name: 'deepCopy',
    }),
    methods: {
        cloneHandler() {
            let target = {
                name: 'dolphinWeex',
                keyName: ['dolphin', 'weex'],
                detail: {
                    type: 'framework'
                }
            }
            let source = {
                name: 'dolphinWeex utils api',
                keyName: ['dolphin', 'weex','util', 'dev kit'],
                detail: {
                    type: 'function'
                }
            }
            //数据深拷贝
            let res = this.$util.deepMerge(target,source)
            this.$toast(res)
        }
    }
}
</script>
<style scoped>
.wrapper{
    background-color: #ffffff;
}
</style>

#参数

• 成功时返回

Params	Type	Required	default	Value
target	Object	N	{}	目标数据
source	Object	N	{}	源数据