在vue js中访问自身内部的数据值

Question

如何在vue.js？

中访问自身内部的数据值

代码：

data: function(){
    return {
        foo: 123,
        bar: this.foo
    }
}

在这种情况下，我得到undefined

Answer 1

我看到了几个选项：

data: function(){
    const data = {
        foo: 123
    };

    data.bar = data.foo;

    return data;
}

或

data: function(){
    const data = {
        foo: 123
    };

    return {
        ...data,
        bar: data.foo
    };
}

您已undefined因为this.foo引用了function(){的上下文，而不是对象的上下文。