Vue.js 使用括号vuejs访问对象

我的职能是：

 field_validator(rule, value, callback) {
    this.form.setFieldsValue({ [rule.field]: null })
 }

---

我无法创建像

{rule.field:null}

这样的对象，而是必须在其周围使用括号。这是为什么？

我们使用

或

[]

符号访问对象属性：

let user={
  name:'...',
  address:{
     city:'...',
     postCode:'...'
   }
}

我们可以使用

user.name=”“

或

user['name']=”

访问用户名，当我们想要动态访问对象属性时，[]符号很有用，同样的事情也应用于嵌套属性，例如我们可以做：

let user={
  name:'...',
  address:{
     ['city']:'some city',
     postCode:'...'
   }
}

或

这叫做

let someProp='city'
let user={
  name:'...',
  address:{
     [someProp]:'some city',
     postCode:'...'
   }
}