标签: computed-properties

编辑:这是重复,请看这里

在设置状态时,我找不到任何使用动态密钥名称的示例.这就是我想要做的:

inputChangeHandler : function (event) {
    this.setState( { event.target.id  : event.target.value } );
},

其中event.target.id用作要更新的状态键.这在React中不可能吗？

Vue.js中方法和计算值之间的主要区别是什么？

它们看起来一样,可以互换.

I have the following class:

class ReportView: NSView {  
    var categoriesPerPage = [[Int]]()
    var numPages: Int = { return categoriesPerPage.count }
}

Compilation fails with the message:

实例成员'categoriesPerPage'不能用于'ReportView'类型

这是什么意思？

我是Swift的新手.计算属性和设置为闭包的属性之间有什么区别？我知道每次都会重新计算计算属性.闭合不同吗？即

关闭:

var pushBehavior: UIPushBehavior = {
    let lazilyCreatedPush = UIPushBehavior()
    lazilyCreatedPush.setAngle(50, magnitude: 50)
    return lazilyCreatedPush
}()

计算:

var pushBehavior: UIPushBehavior {
    get{
        let lazilyCreatedPush = UIPushBehavior()
        lazilyCreatedPush.setAngle(50, magnitude: 50)
        return lazilyCreatedPush
    }
}

如何在列表中使用计算属性.我正在使用VueJS v2.0.2.

这是HTML:

<div id="el">
    <p v-for="item in items">
        <span>{{fullName}}</span>
    </p>
</div>

这是Vue代码:

var items = [
    { id:1, firstname:'John', lastname: 'Doe' },
    { id:2, firstname:'Martin', lastname: 'Bust' }
];

var vm = new Vue({
    el: '#el',
    data: { items: items },
    computed: {
        fullName: function(item) {
            return item.firstname + ' ' + item.lastname;
        },
    },
});

我有一个包含以下哈希的组件

{ 
  computed: { 
    isUserID: { 
      get: function(){
         return this.userId? 
      } 
  }
}

我应该观看isUserID还是userId改变？你能看到计算属性吗？

Swift中的懒惰变量是不是一次计算过的？我的印象是他们取代了:

if (instanceVariable) {
    return instanceVariable;
}

// set up variable that has not been initialized

来自Objective-C的范例(懒惰的实例化).

那是他们做的吗？基本上只在第一次应用程序要求变量时调用,然后才返回计算的内容？

或者它每次都像普通的计算属性一样被调用？

我问的原因是因为我基本上想在Swift中有一个可以访问其他实例变量的计算属性.假设我有一个名为"fullName"的变量,它只是连接firstName和lastName.我怎么会在Swift中这样做？似乎懒惰变量是唯一的方法,因为在正常的计算变量(非惰性)中我无法访问其他实例变量.

所以基本上:

Swift中的懒惰变量不止一次被调用吗？如果是这样,我如何创建一个可以访问实例变量的计算变量？如果没有,如果出于性能原因我只想要计算一次变量,我该怎么做？

有没有办法在yaml中使用占位符,如下所示:

foo: &FOO
    <<propname>>: 
        type: number 
        default: <<default>>

bar:
    - *FOO 
       propname: "some_prop"
       default: "some default" 

想象一下，我正在设计一个 SwiftUI 屏幕，要求用户输入用户名。屏幕将进行一些检查以确保用户名有效。如果用户名无效，则会显示错误消息。如果用户点击“关闭”，它将隐藏错误消息。

最后我可能会得到这样的结果：

enum UsernameLookupResult: Equatable {
    case success
    case error(message: String, dismissed: Bool)

    var isSuccess: Bool { return self == .success }
    var isVisibleError: Bool {
        if case .error(message: _, dismissed: false) = self {
            return true
        } else {
            return false
        }
    }
    var message: String {
        switch self {
        case .success:
            return "That username is available."
        case .error(message: let message, dismissed: _):
            return message
        }
    }
}

enum NetworkManager {
    static func checkAvailability(username: String) -> UsernameLookupResult …

我有一个普通的单个文件组件，该组件同时具有计算属性和一些方法：

<template>...</template>
<script>
...
export default {
    props: ['matches'],
    data: function() {...}  // No problem with these

    computed: {
        formattedMatches: function () {
            let formatted = [];
            this.matches.forEach(function($match, $i, $arr) {
                formatted[$i] = $match[0];
            };
        });
        return formatted;
    }
    ...

    methods: {
        getData: function() {
            return this.formattedMatches();
        },
        ...
    }
}
<script>

当我尝试this.formattedMatches() 从该方法访问时，出现错误消息[Vue warn]: Error in render: "TypeError: this.formattedMatches is not a function" 。

实现我想要的正确方法是什么？提前致谢。