ember.js - 从 Ember 版本 2.3.0 开始，组件 "attributes"与组件 "properties?"之间是否存在差异

Question

在迄今为止的所有 ember 文档中，它们指的是组件的“属性”。例如，调用 this.get('some_property') 和 this.set('some_property', 'some_value') 被称为获取/设置组件的 < em>属性。

从 2.2.0、2.3.0 版的最新文档开始，特别是在有关组件生命周期 Hook 的文档中，他们现在使用术语 attributes。这似乎没有记录在 API 中，似乎是一个与 properties 重叠的概念。

两者有有效的区别吗？

Answer 1

目前，区别仅在于术语，但它的引入是为了让用户准备好闪烁(尖括号)组件。

属性是组件内部的，属性是通过绑定(bind)传递给组件的内容。假设您有以下内容:

// application.hbs
{{my-component foo="foo"}}

// my-component.js
export default Ember.Component.extend({
  bar: "bar"
});

在此示例中，foo 是一个属性(通过绑定(bind)传递到组件中)，bar 是一个属性(在内部定义)。然而，在经典组件中，属性查找是代理的，这意味着当您在组件内部执行 this.get('foo') 时，您将获得 "foo" 的值属性。

在尚不可用的 glimmer 组件中，这是 future 的说法，您将需要在 attrs 哈希中查找属性，因此您必须执行类似 的操作this.get('attrs.foo') 获取值 "foo"。

我希望我不会进一步混淆你!