How does vue pass the value of input to a method without using data?

when using vue, if I have an input to enter, after typing, I use button to get the input value, and then do subsequent operations. Generally, we use v-module to bind input to data.
but if my input is looped out, typing one causes the other to be linked, and I just want to get the value of input on button quickly. Is there any good way to just write on html and pass the value of input input directly to getInput () as a parameter?

<input type="text" name="name" v-module="name">
<button @click="getInput()"></button>

<input type="text" name="name" v-module="name">
<button @click="getInput()"></button>

<input type="text" name="name" v-module="name">
<button @click="getInput()"></button>
Mar.18,2021

you can use the attributes of standard dom to query value, such as

<input ref="myInput" />

then, in js, it looks like this:

console.log(this.$refs.myInput.value)

however, I think it is more convenient to bind the properties of an object on v-model, so that it is easy to distinguish between multiple input, so that:

<input name="name" v-model="inputs['name']" />
<input name="addr" v-model="inputs['addr']" />
Menu