I don't really understand the "this keyword"

[FernandoGonzalezHomerti]

Hi, I've been wondering the exact use of the keyword "this" and when to use it or not in vue. I see that inside the template ("{{ data }}") is accessed without this., but inside script setup or export default methods and computed we use "this.variable", when to use what? Can we call the variables in all places without this.? Or there is any specific case that is MANDATORY to use this. to access to a variable or method?

[Dimas-e63s]

@FernandoGonzalezHomerti in template you use just the name of the variable/computed/method. Inside of the script tag you use this keyword

Can we call the variables in all places without this.? -- No. Calling method/variable inside of script tag would result in error. You can use variables/methods/computed inside of the template without this keyword

Or there is any specific case that is MANDATORY to use this. to access to a variable or method? -- Yes, use this keyword inside of script tag

[Dimas-e63s]

https://stackoverflow.com/questions/43188317/use-this-in-vue-template

[FernandoGonzalezHomerti]

thanks! in vue 3 is the same way, right? im currently using vue 2, but i would like to know if this is also in vue 3

[Dimas-e63s]

you are welcome :) yup, the same rule applies to both vue 2 and vue 3

p.s if I answered your question, please, mark this question as "answered" ^^