Vuejs - 在常量中赋值

Question

我正在审查用 Vuejs 构建的应用程序（我不是 vue 开发人员），请耐心等待。

我找到了这行代码：

const {property, $rxFirebase: {actions: {properties}}} = this

我想这和其他语言一样有效。 "This"正在给左边的对象赋值。

我也在尝试阅读{sources: {properties}}，所以我添加了这样的代码：

const {property, $rxFirebase: {actions: {properties}, sources: {properties}}} = this

但是当我构建它时，出现错误：

Module build failed: Duplicate declaration "properties"

有什么想法吗？

Answer 1

这不仅仅是赋值它的解构赋值。 这一行：

const {property, $rxFirebase: {actions: {properties}}} = this

等同于

const property = this.property, properties = this.$rxFirebase.actions.properties;

所以你不能添加另一个 properties 变量，因为它已经被声明了。您应该为第二个 properties 声明添加不同的名称，如下所示：

const {property, $rxFirebase: {actions: {properties}, sources: {properties: myProperties }}} = this; // where myProperties some name for variable
console.log(myProperties === this.$rxFirebase.sources.properties); // true