如何在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()返回的对象Object.assign(target, ...sources)复制到target （在本例中为is_active和is_collapsed的对象）， 并返回target对象 。