Tengo una pregunta sobre @click en vue.

Si mi componente se ve así, dice que this es nulo:

 //testcomponent.vue <template> <button @click="variable.someFunction">Click me</button> </template> <script> const default_layout = "default"; export default { name: "TestComponent", data() { return { variable: { value: "test", someFunction() { console.log(this) } } } } } </script>

Si cambio el código del botón a:

 <button @click="variable.someFunction()">Click me</button>

Dice que this es:

 { someFunction: ƒ someFunction() value: "test" }

No pude encontrar ninguna documentación sobre este problema, ¿alguien sabe por qué vue admite ambas definiciones, pero tiene un comportamiento diferente?