在Vue.js中，为data对象添加新数据可以通过以下三种方式实现：
方法一：使用 this.$set
Vue中的$set方法可以用来向响应式对象中添加一个属性，它需要三个参数：需要修改的对象，要添加的属性名和新的值。使用$set方法会将新属性添加到对象的响应式中，从而触发视图的更新。
javascript
// 假设data对象为vm.items
vm.$set(vm.items, index, newValue);
这种方法适用于响应式对象，例如Vue实例的data属性。
方法二：使用计算属性和侦听器
计算属性可以让我们基于已有的数据计算出新的属性值，当依赖的数据变化时，计算属性的值会自动更新。侦听器则是当某个数据发生变化时执行特定的操作。
javascript
computed: {
// 声明计算属性
reversedItems() {
return this.items.reverse();
}
},
watch: {
items(newVal, oldVal) {
console.log('Items changed:', newVal);
}
}
计算属性和侦听器可以在数据变化时提供动态更新，但它们不如直接使用$set方法简洁。
方法三：使用Vue.set
Vue.set是Vue实例提供的一个原生的全局方法，可以直接用来添加新数据。
javascript
Vue.set(vm.items, index, newValue);
此方法类似于this.$set，但它是Vue实例的全局方法，而$set是Vue实例的实例方法。
总结：以上便是如何在Vue中为data对象添加新数据的三种方法。通常情况下，使用$set方法是最常用的，因为它更直观且与Vue实例的响应式系统集成得最好。计算属性和侦听器适用于需要根据其他数据计算出新值的场景，而Vue.set则适用于在实例之外添加新属性，例如在插件或库中。