How to reference data variable from another data v

Question

This question already has an answer here:

How to put a value of data object in another data object vueJS (1 answer)

Closed 2 years ago.

I have this in vue data:

data() {
    return {

      names: [],
      length: names.length,
}

But this does not work as RefereneError ( names is undefined ) is thrown. I used this.names but makes no difference.

Answer 1

You need to do something like this to make it work:

1st way

data() {
    let defaultNames = [];
    return {
      names: defaultNames,
      length: defaultNames.length,
}

2nd way — using computed data (the best way):

data() {
    return {
      names: [],
    }
},
computed: {
    length() {
        return this.names.length;
    }
}