vue中动态给对象赋值属性

在Vue中，动态地给对象赋值属性是一种常见的操作，这在处理动态数据和用户交互时非常有用。可以通过几种方法来实现：

1. 使用方括号（`[]`）语法：这是Vue推荐的方式来动态添加或修改对象的属性。通过方括号内的表达式来指定属性名。

例如，假设我们有一个Vue实例，其中有一个对象`obj`和一个变量`newKey`：

new Vue({
  data: {
    obj: {
      prop1: 'value1'
    },
    newKey: 'prop2'
  },
  methods: {
    updateObject() {
      this.obj[this.newKey] = 'newValue';
    }
  }
})

调用`updateObject`方法后，`obj`对象将会添加一个新属性`prop2`，其值为`'newValue'`。

2. 使用`Vue.set`方法：这是Vue提供的一个全局方法，用来添加属性到对象上。这个方法可以确保新添加的属性能够触发Vue的响应式系统，从而更新视图。

使用`Vue.set`的例子：

Vue.set(this.obj, this.newKey, 'newValue');

3. 使用`Object.assign`方法：这是一个原生JavaScript方法，可以用来将一个或多个源对象的所有可枚举属性复制到目标对象。但需要注意的是，如果对象已经是响应式的，并且添加的新属性是一个对象，则这个方法不会触发更新。

Object.assign(this.obj, { [this.newKey]: 'newValue' });