如果该属性还在其中嵌套属性，如何将许多属性分配给现有对象

Question

我的数据包含一个空的对象，我想用属性填充该对象。目前看起来像这样：

data: function() {
    return {
        chartData: {}
    }
},

本质上，我想创建此结构：

data: function() {
    return {
        chartData: {
            labels: ["One", "Two"];
            datasets: [{
                data: ["5", "10"],
                label: "Chart"
            }]
        }
    }
}

类似代码成功地添加了标签属性和价值，同时保持反应性，但是，我不知道如何添加嵌套属性本身的数据集属性

this.chartData = Object.assign({}, this.chartData, { labels: ['One', 'Two']})

我通过阅读https://v2.vuejs.org/v2/guide/reactivity.html来弄清楚这一点，但是，他们尚未显示如何添加具有嵌套属性的属性。

Answer 1

这是一种使用传播语法构建该对象的方法：

// Empty chartData
const chartData = {};
// Your two sets of data
const labels = ['One', 'Two'];
const datasets = { datasets: [{ data: ['5', '10'], label: 'Chart'}] };
// Merge the existing chartData, and labels and datasets together
const newChartData = { chartData: { ...chartData, labels: [...labels], ...datasets } };
console.log(newChartData);