Access to data values inside itself in vue js

Question

How can i access to data values inside itself in vue.js?

Code:

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

In this case I got undefined

Bsalex · Accepted Answer · 2017-10-14 12:28:28Z

2

There are several options I see:

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

    data.bar = data.foo;

    return data;
}

or

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

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

You've got undefined because of this.foo refers to function(){`s context, not object`s context.

answered Oct 14, 2017 at 12:28

Bsalex

2,9701 gold badge18 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1