老师3-6小节中,buttonClass,设置第二个属性为什么要加数组,中括号

来源:3-6 仿Element Plus框架的el-button按钮组件实现

小雨点3545254

2022-11-26

图片描述
[el-button--${this.type}]: this.type !== ‘’,
为什么要加中括号,不理解,老师能详细的讲解一下吗???

写回答

1回答

西门老舅

2022-11-26

你好,这属于ES6的特性,可以动态化对象的属性。

举个例子:

let obj = {

   'a': 'b',    // 只能写单引号

   `c`: 'd',    //  不能写反引号

   [`e`]: 'f'   //  这样就可以写反引号了

}

还可以举一个例子:

let foo = 'bar'

let obj = { 

  foo: 123      //  不会识别成变量

}

obj.foo -> 123

obj.bar  -> undefined


let foo = 'bar'

let obj = {

  [foo]: 123   // 会识别成变量

}

obj.foo -> undefined

obj.bar  -> 123


2
1
小雨点3545254
好的,谢谢老师,已理解
2022-11-26
共1条回复

Vue3 + React18 + TS4入门到实战 系统学习3大热门技术

专为初级前端人员设计,系统性学习三大技术

261 学习 · 182 问题

查看课程