<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>

<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>