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

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

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()
    }
},
...

有没有办法做到这一点？

最佳答案

尝试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的对象），并返回target宾语。