javascript - 如何重新初始化(仅)vue 中的部分数据值？

Question

我知道我们可以像这样重新初始化数据:

function initialData() {
    return {
        is_active: true,
        is_collapsed: true,
        resetable_data: 'value',
        resetable_stat: 4
    }
}

export default {
...
data() {
    return {
        initialData()
    }
},
... 

但我想知道如何才能仅重新初始化一部分数据。我的意思是:

function initialData() {
    return {
        resetable_data: 'value',
        resetable_stat: 4
    }
}

export default {
...
data() {
    return {
        is_active: true,
        is_collapsed: true,
        initialData()
    }
},
... 

有办法做到这一点吗？

Answer 1

尝试Object.assign() :

function initialData() {
    return {
        resetable_data: 'value',
        resetable_stat: 4
    }
}

export default {
...
data() {
    return Object.assign(
        {
            is_active: true,
            is_collapsed: true,
        },
        initialData()
    );
},
... 

Object.assign(target, ...sources)将 ...sources 的属性(在本例中为 initialData() 返回的对象)复制到 target(在本例中为具有 is_active 和 is_collapsed 的对象)，返回目标对象。