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

Question

如何在 vue.js 中访问其内部的数据值？

代码:

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

在这种情况下，我得到了未定义

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
    };
}

由于 this.foo 引用的是 function(){ 的上下文，而不是对象的上下文，因此您得到了 undefined。