javascript - 如何在将值分配给 Vue 实例数据属性时解构数组

Question

我在 Vue JS 中有此代码，可将图像文件保存到实例数据中：

this.post.media = data[0];

它抛出 ES Lint 错误prefer-destructuring。

一个人如何解构它？这让我很困惑，因为无论哪种方式，我仍然会有this.post.media =. 是一套操作。

谁能告诉我如何解构它以及为什么它可能是一个好主意？

标签： javascriptvue.jsecmascript-6

Answer 1

你可以这样做：

const arr = [1, 2, 3];
const post = { media: 0 };

[post.media] = arr;

console.log(post.media);

所以在你的情况下

[this.post.media] = data;

但在我看来，您的代码行没有任何问题。它是完全可读的，并且非常清楚您要实现的目标。