Why doesn't Vue see the variable?

Question

Vue.js

Good afternoon. I can’t understand why I can’t access the variable that is in data: {}

data: function() {
    return {
      default: {
        ...
        hasSelected: false;
        ...
      },
      dirty: {
        ...
        hasSelected: false;
        ...
      },
    }
  }

In the methods, I update the variable in dirty like this: If you display console.log, then everything is OK ... the variable is displayed ... but when rendering html, an error ... In HTML, I access this variable in the v-for loop and gives an error that TypeError: Cannot read property 'hasSelected' of undefined"
Menu.dirty.hasSelected = Boolean(hasSelected);

...
  <div v-if="this.dirty.hasSelected">Lorem</div>
...

Answer 1

Templates do not need to specify this