How to access 'data' from 'watch' inside component decorator?

[Mikilll94]

I have a component like this:

@Component({
  watch: {
    something (val) {
      this.anotherData = 'ghijk'
    }
  }
})
export default class LoginPage extends Vue {
  private something = '1234';
  private anotherData = 'abdef';
}

And I receive the following TypeScript error:

Property 'anotherData' does not exist on type 'Vue'.Vetur(2339)

How can I access this.anotherData from watch inside decorator? Is this possible with this library?

[ktsn]

Thank you for filing this issue. However, the issue list is reserved exclusively for bug reports and feature requests. That means we do not accept usage questions.

Why are we so strict about this?

For usage questions, please use the following resources:

• Read the docs
• Ask on the forums
• Ask on the chat
• Look for / ask questions on Stack Overflow

Thank you.

[Mikilll94]

@ktsn
Sorry, if this seems as a newbie question. But I would be very glad if you could ask it.

In the docs it is not documented anywhere how to use watch in class components with other stuff. I have also searched through the internet and I have not found any information about this. So if this is not possible to have watch in class component which reference data then this can be considered as a bug.

[Sergio1C]

@Mikilll94 you can try to get data access through $data
For your example:

watch: {
    something (val) {
      this.$data.anotherData = 'ghijk'
    }
}

For 'props' the approach the same...But, what about access for Vue methods from here?

[Mikilll94]

@ktsn
Could you answer the question above? Because I am also curious how to access methods. I cannot find any solution on the internet. Maybe this a limitation of this library?