老师，请问 { text : record } 这个大括号的作用是什么

Question

看了以下 ,原本应该是：const remove = async ( record)
现在是 async ( { text: record } ) ， 想请问一下为什么要加大括号，是什么语法。

对使用 { } 感觉很乱，该怎么理解。

同理， const update = ({ record }) => {
showUpdateModal.value = true;
curEditgood.value = record;
};
为什么不是直接 const update = ( record ) 呢？ 为什么要加 { }

Answer 1

然冬 2021-12-23 11:14:36

详细参考es6里的解构赋值，这里相当于

const update = (arg) => {
  const record = arg.record;

// 或者 const {record} = arg;

}

• 提问者 开门啦 #1

  但是vue里面不是 @click = " remove(record) "吗，为什么传入参数的是arg而不是record.

• 然冬 回复 提问者 开门啦 #2

  你打印一下函数参数就清楚了，函数参数名和调用时候传递的变量名是不需要一样的，涉及到形参和实参的概念。

• 提问者 开门啦 回复 然冬 #3

  老师，它传进来的就是record啊，名字虽然不同但是值不是一样的吗，它的值不就是传入的record吗。

点开查看后面4条评论