问题标签 [computed-properties]

我要创建一个新类，在这个类中有一个计算变量；所以我正在寻找一种方法来初始化这个变量：

显然，使用这行代码 Xcode 给了我一个编译错误（因为 var 是一个只能获取的属性）。我认为我必须使用 set 来使 var 可写，但我不知道如何操作，因为我不知道 get 和 set 是如何工作的。

Recently, I've encountered a problem that caused by the computed option of vuejs.

Firstly, I use v-for to loop for an array (soloColImgs) which is created by the computed option.

my HTML

my JS

Secondly, I change the array (soloColImgs) by using pop() or splice() etc...When I look into the console, the array can change accordingly, however, the DOM does't change at all. It would be greatful if anyone can help me out of this.

在 Ember.js 中，是否可以强制在路由上定义的计算属性在模型刷新时更新？

我注意到，当我第一次点击路由时，我将看到调用支持计算属性的函数，但如果由于查询参数（例如page）更改而刷新路由模型，则支持计算属性的函数不会再次调用。我认为这是因为 Ember 不相信计算的属性已经改变，部分原因是它不相信它们所依赖的属性已经改变。例如：

...和控制器：

我第一次通过在浏览器中点击关联的 URL 来加载路由时，我看到：

如果我单击渲染模板中更改?page查询参数的按钮，例如使用nextPage操作，我会看到它调用以刷新模型，但不会调用计算属性背后的任何逻辑，例如：

我尝试添加controller.page到依赖属性列表中，但这似乎并没有改变观察到的行为。顺便说一句，函数似乎总是被调用（如我所料）。

我不应该在路线中使用计算属性吗？似乎如果我想使用计算属性，我需要以某种方式通知 Ember 在刷新模型时重新处理它们，无论 Ember 是否认为它们已经改变。

我得到了一个printerList计算属性，应该在getPrinters()解析后重新评估，但看起来不是。

来源在线：optbox.component.vue，vuex，optboxes.service.js

零件

行动

突变

问题

为什么不printerList重新评估计算的属性（即为v-for空）

我的问题是用用户的输入替换计算属性的值。我的设置是这样的：

html

js

我制作了一个简单的笔记应用程序，如果您单击一个笔记，则会显示一个带有文本的文本区域和一个带有名称的标题 2。现在，如果您单击<h2></h2>-Tags 中的名称，标题 2 将替换为输入字段 - 因此用户可以编辑当前注释的名称。

一切正常，除了当我在输入字段中编辑名称（名称是计算属性）时，名称没有更新。第二个问题是，如果我在编辑一个便笺的名称后单击另一个便笺，则旧便笺的名称仍保留在输入字段中，而不是显示新单击便笺的名称。

我添加了两张图片以便更好地理解：

名称作为 h2 名称作为输入

所以我的（可能相关的）问题是，如何在输入字段中编辑计算属性，并显示新点击的笔记的名称，即使我在输入字段中编辑名称后没有按 Enter 键？

我在我的 ember.js 应用程序中创建了一个顶部导航栏并将其转换为一个组件，以便在用户登录后我可以有一个简单的“欢迎 {{currentUser.fullName}}”介绍。导航栏还有其他一些原因将成为一个组件，但现在这就是我想要正常工作的内容。我们也在使用 ember-simple-auth 插件，我正在使用该session.isAuthenticated值来实现这一点。

当然，我有一个“登录”路线，当用户登录时，他们会转换到“索引”。由于某种原因，在过渡到“索引”期间似乎没有session.isAuthenticated立即捕获该值。我不知道为什么会这样，但这是另一个问题。

无论如何，我在这个应用程序中使用了很多组件，其中大多数组件从会话中获取它们的值，并独立于路由查询存储，以便我可以在多个路由上使用这些组件。导航栏也不例外。现在我有以下工作代码：

我正在阅读的所有内容都建议只使用didReceiveAttrs()而不是观察者。此外，它说计算属性通常是您希望在观察者上使用的。但是，如果没有以下内容，我似乎无法工作：

如果我尝试将其转换为计算属性，它似乎不会对属性更改做任何事情，除非我在页面已经转换到“索引”路由后刷新页面。如果我尝试仅使用didReceiveAttrs()带有 this.get('session.isAuthenticated') 逻辑的方法，仍然需要刷新页面。

那么我不了解如何使用Ember.computedand didReceiveAttrs()？有人可以给我一个例子吗？或者向我展示一种更有效的方式来完成我想要完成的事情？

更新代码：

更新 2（在 @AdamCooper 和 @kumkanillam 的帮助下的最终代码）：

所以这是最少的代码，仍然使用观察者和计算方法，但不使用组件生命周期。所以我想有时还是有必要使用观察者是我想出的。

我有以下 Vue 组件和数据：

以及以下模板：

我不知道如何计算“小计”。我需要做的是让计算函数“小计”返回每个“销售”对象的所有价格的总和。我究竟做错了什么？

在我的 jsbin 中http://jsbin.com/fecukitisu/edit?html,js,output。我的总额和税收绑定一直有效，直到用户通过包含的按钮添加新的“销售”。我无法弄清楚为什么在添加另一个销售时计算函数会返回 NAN。任何帮助深表感谢！

请在此处查看我的 jsbin http://jsbin.com/puxefasohu/1/edit?html,js,output我有一个“收据”组件，其中包含“总计”的计算函数。在父组件中，我试图获取此计算值的所有“收据”组件实例的总数以获取“总计”，但我无法将组件实例传达给父组件。我究竟做错了什么？

我正在研究我们应该为我们的属性使用 Get 和 Set 的原因。

我注意到了 3 个主要原因

1. 当您想在实际设置属性之前做/检查某些事情时
2. 当您想拥有一个只能从中获取的属性时（我猜可能是出于安全目的？），或者给它不同的访问级别。
3. 隐藏属性的内部表示，同时使用替代表示公开属性。（这对我来说没有多大意义，因为无论如何我都可以使用 Set 函数在错误的地方访问它）

下面的代码是一个示例，说明如何利用我提到的这 3 点在 Swift 中为属性实现 Get 和 Set：

但是下面的另一个示例也利用了提到的那些点，但我没有使用另一个计算属性来返回私有属性值，而是使用 willSet 和 didSet 观察者

所以我很想知道每种实现的优点和缺点是什么。

提前致谢